Bootstrap Tables

Bài viết này chúng ta sẽ tìm hiểu về bảng(Tables) của Bootstrap, thông qua bài viết này bạn sẽ thấy được các kiểu của bảng(Tables) Bootstrap và từ đó áp dụng vào design của bạn.

Bootstrap Basic Table - Bảng Bootstrap Cơ Bản.

Bảng cơ bản của Bootstrap là một bảng trắng và chỉ có đường phân cách ngang.
Lớp .table dùng để chèn kiểu dáng cơ bảng vào table:




Striped Rows Table - Bảng dòng vằn.

Lớp .table-striped dùng để chèn kiểu sọc vằn vào table.





Bordered Table - Bảng Đường Viền.

Lớp .table-bordered dùng để chèn đường viền(border) vào table.





Hover Rows Table - Bảng Có Dòng Hiệu Ứng.

Lớp .table-hover cho phép trạng thái hiệu ứng dòng trên table.




Condensed Table - Bảng súc tích.

Lớp .table-condensed được dùng để tạo một bảng nhỏ gọn hơn bằng các một nữa phân cách(padding) của các ô trong bảng.




Contextual Classes - Các Lớp Ngữ Cảnh.

Các lớp ngữ cách trong Bootstrap cho phép tạo màu sắc cho dòng hoặc ô(cell) trong bảng.



Các lớp ngữ cảnh trong Bootstrap:

Class	Description
.active	Applies the hover color to the table row or table cell
.success	Indicates a successful or positive action
.info	Indicates a neutral informative change or action
.warning	Indicates a warning that might need attention
.danger	Indicates a dangerous or potentially negative action

Bạn có thể tham khảo toàn bộ các lớp của Table Bootstrap tại bài viết
Demo Bootstrap CSS Tables Reference.