Làm cách nào để thu gọn bootstrap?
Làm cách nào để thu gọn bootstrap?

Video: Làm cách nào để thu gọn bootstrap?

Video: Làm cách nào để thu gọn bootstrap?
Video: Nhúng BOOTSTRAP vào HTML nhanh chóng, dễ dàng| Học Bootstrap cùng unitop.vn 2024, Có thể
Anonim

Chỉ cần thêm data-toggle = " sự sụp đổ "và mục tiêu dữ liệu cho phần tử để tự động chỉ định quyền kiểm soát một hoặc nhiều phần tử có thể thu gọn. Thuộc tính data-target chấp nhận một bộ chọn CSS để áp dụng sự sụp đổ đến. Hãy chắc chắn thêm lớp học sự sụp đổ đến phần tử có thể thu gọn.

Đơn giản như vậy, Bootstrap thu gọn hoạt động như thế nào?

Bootstrap Thu gọn thuộc tính Đơn giản chỉ cần thêm data-toggle = " sự sụp đổ "và mục tiêu dữ liệu cho tính năng để nhanh chóng chỉ định quyền kiểm soát phần tử có thể thu gọn. Thuộc tính mục tiêu dữ liệu nhận được một bộ chọn CSS để thêm sự sụp đổ đến. Đảm bảo mang lại trong lớp sự sụp đổ đến tính năng có thể thu gọn.

Ngoài ra, làm thế nào để bạn tạo ra một sự sụp đổ? Thu gọn hoặc mở rộng các phần của tài liệu

  1. Đặt con trỏ của bạn vào tiêu đề.
  2. Trên tab Trang đầu, bấm vào mũi tên trong nhóm Đoạn văn.
  3. Trong hộp thoại Đoạn văn, hãy bấm vào hộp kiểm bên cạnh Đã thu gọn theo mặc định.
  4. Bấm OK.

Sau đây, lớp thu gọn Bootstrap là gì?

lớp học sụp đổ chỉ ra một phần tử có thể thu gọn (a < div > trong ví dụ của chúng tôi); đây là nội dung sẽ được hiển thị hoặc ẩn bằng một cú nhấp chuột. Để kiểm soát (hiển thị / ẩn) nội dung có thể thu gọn, hãy thêm data-toggle = " sự sụp đổ thuộc tính "cho một hoặc một phần tử.

Làm thế nào để bạn thu gọn trong CSS?

  1. Đặt mô hình đường viền thu gọn cho hai bảng: # table1 {border-fall: own;
  2. Khi sử dụng "viền-thu gọn: tách biệt", thuộc tính giãn cách đường viền có thể được sử dụng để đặt khoảng cách giữa các ô: # table1 {
  3. Khi sử dụng "border-sập: thu gọn", ô xuất hiện đầu tiên trong mã sẽ "giành chiến thắng": table, td, th {

Đề xuất: