Thêm ý nghĩa thông qua màu nền với các lớp bên dưới. Các liên kết sẽ tối hơn khi di chuột giống như các lớp văn bản
Lớp Mô tảVí dụ. Ô bg-primaryTable được tạo kiểu với lớp "bg-primary"Hãy dùng thử. Ô bg-successTable được tạo kiểu với lớp "bg-success"Hãy dùng thử. Ô bg-infoTable được tạo kiểu với lớp "bg-info"Hãy dùng thử. bg-warning Ô của bảng được tạo kiểu với lớp "bg-warning"Hãy dùng thử. ô bg-dangerTable được tạo kiểu với lớp "bg-danger"Hãy dùng thửKhác
Lớp Mô tảVí dụ. kéo sang tráiTrôi một phần tử sang bên tráiHãy thử. pull-rightNổi một phần tử sang bên phảiHãy thử. center-blockĐặt một phần tử để hiển thị. khối với lề phải. tự động và lề trái. tự độngThử nó. ClearfixXóa số floatHãy thử. showBuộc một phần tử được hiển thị (hiển thị. khối) Hãy thử nó. hiddenBắt buộc ẩn một phần tử (hiển thị. không có) Hãy thử nó. vô hìnhBuộc một phần tử trở nên vô hình (khả năng hiển thị. ẩn giấu). Sẽ chiếm dung lượng trên trang ngay cả khi nó ở chế độ ẩnHãy thử. sr-onlyẨn một phần tử đối với tất cả các thiết bị ngoại trừ trình đọc màn hìnhHãy thử. sr-only-focusable Kết hợp với. sr-chỉ để hiển thị lại phần tử khi nó được đặt tiêu điểm (e. g. bởi người dùng chỉ sử dụng bàn phím) Hãy dùng thử. ẩn văn bảnTrợ giúp thay thế nội dung văn bản của thành phần bằng hình nềnHãy dùng thử. closeCho biết biểu tượng đóng Hãy dùng thử. dấu mũCho biết chức năng thả xuống (sẽ tự động đảo ngược trong menu thả xuống) Hãy dùng thửTiện ích đáp ứng
Các lớp này được sử dụng để hiển thị và/hoặc ẩn nội dung theo thiết bị thông qua truy vấn phương tiện
Sử dụng một hoặc kết hợp các lớp có sẵn để chuyển đổi nội dung qua các điểm dừng chế độ xem
LớpThiết bị siêu nhỏ Điện thoại (