Bootstrap - 响应式演示( Responsive Demo)
Bootstrap提供了一些辅助类,以便更快地进行移动友好的开发。 这些可以用于通过媒体查询显示和隐藏内容,并结合大,小和中型设备。
谨慎使用这些,避免创建完全不同版本的同一站点。 Responsive utilities are currently only available for block and table toggling 。
类 | 设备 |
---|---|
.visible-xs | visible超小(小于768px) |
.visible-sm | 小(最高768像素) visible |
.visible-md | 中等(768 px至991 px) visible |
.visible-lg | visible更大(992像素及以上) |
.hidden-xs | hidden超小(小于768px) |
.hidden-sm | 小(最多768像素) hidden |
.hidden-md | 中等(768 px至991 px) hidden |
.hidden-lg | 更大(992像素及以上) hidden |
例 | 描述 | 下载链接 |
---|---|---|
Card Responsive | 此示例指示Bootstrap中的Card结构 | Download |
simple Testimonials | 此示例指示Bootstrap中的推荐结构 | Download |
视频网格 | 此示例表示Bootstrap中的Grid Video结构 | Download |
横幅图像 | 此示例指示Bootstrap中的Banner Image结构 | Download |
Carousel with face indicators | 此示例指示在Bootstrap中具有面部指示器结构的Carousel | Download |