Làm cách nào để thay đổi khả năng hiển thị trong Bootstrap?
|
Bootstrap 5 điều chỉnh khả năng hiển thị của phần tử mà không thay đổi nội dung hiển thị. Đặt mức độ hiển thị của một phần tử bằng các tiện ích hiển thị trang web của chúng tôi. Các tiện ích hiển thị không thay đổi giá trị hiển thị và ẩn thông tin đối với hầu hết người dùng trong khi giữ lại thông tin đó cho trình đọc màn hình. Nó giúp xuất hiện và biến mất nội dung cần thiết theo định dạng Show Bootstrap 5 sử dụng lớp “có thể nhìn thấy” hoặc “không nhìn thấy được” cho khả năng hiển thị. Lớp “hiển thị” hiển thị nội dung và lớp “tàng hình” ẩn nội dung cần thiết Khả năng hiển thị được sử dụng
cú pháp // Visible content of the web page ví dụ 1. Dưới đây là một ví dụ về lớp có thể nhìn thấy của Bootstrap 5. Đó là cài đặt mặc định trên nội dung hiển thị HTML
________số 8
________số 8
________số 8 _______55____63____7 ________số 8
đầu ra  Bootstrap 5 Khả năng hiển thị ví dụ 2. Dưới đây là một ví dụ về lớp Bootstrap 5 vô hình. Nội dung không hiển thị trên trang web nhưng có trên trang Html. Khả năng hiển thị của các phần tử trong bootstrap với các ví dụ Cải thiện bài viết Lưu bài viết Thích bài viết
Cải thiện bài viết Lưu bài viết Có một số trường hợp cần ẩn một số nội dung trên trang web mà không ảnh hưởng đến bố cục của trang. Bootstrap sử dụng thuộc tính khả năng hiển thị của CSS và cung cấp hai lớp có thể nhìn thấy và không nhìn thấy được để kiểm soát khả năng hiển thị của một phần tử trên trang web. HTML
Đầu ra. lớp hiển thị HTML
_______1481____322 _______1481____324
Đầu ra. Điểm quan trọng.
Tham khảo. https. //getbootstrap. com/docs/4. 1/utilities/visibility/ Ghi chú cá nhân của tôi arrow_drop_up Tiết kiệm Vui lòng Đăng nhập để nhận xét.Khối D trong bootstrap là gì?d-block ,. d-inline hoặc. d-inline-block để chỉ cần đặt thuộc tính hiển thị của phần tử thành block , inline hoặc inline-block (tương ứng). Để hiển thị phần tử. không có, thay vào đó hãy sử dụng các tiện ích đáp ứng của chúng tôi.
Các lớp tiện ích đáp ứng trong bootstrap là gì?Các lớp tiện ích đáp ứng giúp xây dựng các thiết kế web đáp ứng dễ dàng . Bạn có thể ẩn hoặc hiển thị nội dung bạn chọn trên trang web. Bạn phải xác định kích thước của màn hình mà bạn đang ẩn hoặc hiển thị nội dung.
Tại sao lớp hiển thị Bootstrap 5 được sử dụng?Bootstrap cung cấp cho bạn một cách tương tác để ẩn hoặc hiển thị các phần tử theo kích thước của thiết bị . Và bạn không phải lãng phí thời gian viết mã cho các thiết bị khác nhau. Bootstrap cung cấp điều này với sự trợ giúp của các lớp hiển thị đáp ứng của nó. Để ẩn các phần tử một cách đơn giản, hãy sử dụng. |
