Làm cách nào để bao gồm bảng bootstrap?

Ví dụ cơ bản

Sử dụng đánh dấu bảng cơ bản nhất, đây là cách các bảng dựa trên Class Heading Heading Default Cell Cell Primary Cell Cell Secondary Cell Cell Success Cell Cell Danger Cell Cell Warning Cell Cell Info Cell Cell Light Cell Cell Dark Cell Cell 4 trông trong MDB

sọc

Sử dụng Class Heading Heading Default Cell Cell Primary Cell Cell Secondary Cell Cell Success Cell Cell Danger Cell Cell Warning Cell Cell Info Cell Cell Light Cell Cell Dark Cell Cell 6 để thêm sọc vằn vào bất kỳ hàng nào trong bảng

di chuột

Thêm Class Heading Heading Default Cell Cell Primary Cell Cell Secondary Cell Cell Success Cell Cell Danger Cell Cell Warning Cell Cell Info Cell Cell Light Cell Cell Dark Cell Cell 7 để bật trạng thái di chuột trên các hàng của bảng trong một

Các hàng có thể di chuột này cũng có thể được kết hợp với biến thể sọc

bảng hoạt động

Đánh dấu một hàng hoặc ô của bảng bằng cách thêm một lớp Class Heading Heading Default Cell Cell Primary Cell Cell Secondary Cell Cell Success Cell Cell Danger Cell Cell Warning Cell Cell Info Cell Cell Light Cell Cell Dark Cell Cell 8

có viền

Thêm Class Heading Heading Default Cell Cell Primary Cell Cell Secondary Cell Cell Success Cell Cell Danger Cell Cell Warning Cell Cell Info Cell Cell Light Cell Cell Dark Cell Cell 9 cho các đường viền trên tất cả các mặt của bảng và các ô

Tiện ích màu viền có thể được thêm vào để thay đổi màu sắc

không biên giới

Thêm 0 cho một bảng không có đường viền

Bé nhỏ

Thêm 1 để làm cho bất kỳ Class Heading Heading Default Cell Cell Primary Cell Cell Secondary Cell Cell Success Cell Cell Danger Cell Cell Warning Cell Cell Info Cell Cell Light Cell Cell Dark Cell Cell 4 nhỏ gọn hơn bằng cách cắt tất cả ô 3 làm đôi

Bộ chia nhóm

Thêm đường viền đậm hơn, đậm hơn giữa các nhóm bảng—, , và —với 4. Chúng tôi tùy chỉnh màu sắc bằng cách thêm lớp 5. Bạn cũng có thể tự tùy chỉnh màu bằng cách thay đổi màu trên cùng của đường viền (hiện tại chúng tôi không cung cấp lớp tiện ích cho loại này)

Căn dọc

Các ô của bảng luôn được căn dọc xuống dưới cùng. Các ô trong bảng kế thừa căn chỉnh của chúng từ 6 từ bảng Ô này kế thừa 7 từ bảng Ô này kế thừa 7 từ bảngNulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Tiền đình id ligula porta felis eismod semper. Ô này kế thừa 9 từ hàng của bảng Ô này kế thừa 9 từ hàng của bảng Ô này kế thừa 9 từ hàng của bảngNulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Tiền đình id ligula porta felis eismod semper. Ô này kế thừa 7 từ bảng Ô này kế thừa 7 từ bảng Ô này được căn chỉnh lên trên cùng. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Tiền đình id ligula porta felis eismod semper

ví dụ bổ sung

Một vài ví dụ thực tế về việc sử dụng bảng với các thành phần điển hình như nút, hộp kiểm hoặc biểu tượng

Giải phẫu học

bảng đáp ứng

Các bảng đáp ứng cho phép các bảng được cuộn theo chiều ngang một cách dễ dàng. Làm cho bất kỳ bảng nào phản hồi nhanh trên tất cả các chế độ xem bằng cách bao bọc một Class Heading Heading Default Cell Cell Primary Cell Cell Secondary Cell Cell Success Cell Cell Danger Cell Cell Warning Cell Cell Info Cell Cell Light Cell Cell Dark Cell Cell 4 với 8. Hoặc, chọn một điểm ngắt tối đa để có một bảng phản hồi tối đa bằng cách sử dụng 9

Cắt/cắt dọc
Các bảng đáp ứng sử dụng # First Last Handle 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter 0, loại bỏ bất kỳ nội dung nào nằm ngoài các cạnh dưới cùng hoặc trên cùng của bảng. Đặc biệt, điều này có thể loại bỏ các menu thả xuống và các tiện ích con của bên thứ ba khác