📅  最后修改于: 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 |