📜  Bootstrap-响应式演示

📅  最后修改于: 2020-10-27 04:07:28             🧑  作者: Mango


Bootstrap提供了一些帮助程序类,以加快对移动设备的友好开发。这些可用于通过媒体查询,结合大型,小型和中型设备,按设备显示和隐藏内容。

谨慎使用这些文件,并避免创建同一网站的完全不同的版本。响应实用程序当前仅可用于块和表切换

Classes Devices
.visible-xs Extra small (less than 768px) visible
.visible-sm Small (up to 768 px) visible
.visible-md Medium (768 px to 991 px) visible
.visible-lg Larger (992 px and above) visible
.hidden-xs Extra small (less than 768px) hidden
.hidden-sm Small (up to 768 px) hidden
.hidden-md Medium (768 px to 991 px) hidden
.hidden-lg Larger (992 px and above) hidden
Example Description Download link
Card Responsive This example indicates about Card structure in Bootstrap Download
simple Testimonials This example indicates about Testimonials structure in Bootstrap Download
Video grid This example indicates about Grid Video structure in Bootstrap Download
Banner image This example indicates about Banner Image structure in Bootstrap Download
Carousel with face indicators This example indicates about Carousel with face indicators structure in Bootstrap Download