Bootstrap - Demo đáp ứng
Bootstrap cung cấp một số lớp trợ giúp hữu ích để phát triển thân thiện với thiết bị di động nhanh hơn. Chúng có thể được sử dụng để hiển thị và ẩn nội dung theo thiết bị thông qua truy vấn phương tiện, kết hợp với các thiết bị lớn, nhỏ và vừa.
Sử dụng những thứ này một cách tiết kiệm và tránh tạo các phiên bản hoàn toàn khác nhau của cùng một trang web. Responsive utilities are currently only available for block and table toggling.
Các lớp học | Thiết bị |
---|---|
.visible-xs | Cực nhỏ (dưới 768px) hiển thị |
.visible-sm | Nhỏ (lên đến 768 px) hiển thị |
.visible-md | Trung bình (768 px đến 991 px) hiển thị |
.visible-lg | Lớn hơn (992 px trở lên) hiển thị |
.hides-xs | Cực nhỏ (nhỏ hơn 768px) bị ẩn |
.hides-sm | Nhỏ (lên đến 768 px) ẩn |
.hides-md | Trung bình (768 px đến 991 px) ẩn |
.hides-lg | Lớn hơn (992 px trở lên) bị ẩn |
Thí dụ | Sự miêu tả | Liên kết tải xuống |
---|---|---|
Thẻ đáp ứng | Ví dụ này chỉ ra về cấu trúc thẻ trong Bootstrap | Tải xuống |
Lời chứng thực đơn giản | Ví dụ này chỉ ra về cấu trúc Lời chứng thực trong Bootstrap | Tải xuống |
Lưới video | Ví dụ này chỉ ra về cấu trúc Grid Video trong Bootstrap | Tải xuống |
Hình ảnh biểu ngữ | Ví dụ này cho biết về cấu trúc Banner Image trong Bootstrap | Tải xuống |
Băng chuyền với các chỉ báo khuôn mặt | Ví dụ này cho biết về Carousel với cấu trúc chỉ báo khuôn mặt trong Bootstrap | Tải xuống |