开发手册 欢迎您!
软件开发者资料库

Bootstrap - Responsive utilities

Bootstrap Responsive utilities - 从概述,环境设置,基本结构,全局样式,网格系统,流体网格系统,布局,响应式设计,排版,表单,按钮,图像,图标,下拉列表,按钮开始,简单易学地学习Bootstrap组,导航元素,导航栏,面包屑,分页,标签,徽章,版式,缩略图,警报,进度栏,媒体对象,Javascript插件像过渡,模态,下拉列表,Scrollspy,选项卡,工具提示,弹出,警报,按钮,折叠, Carousel,Typeahead,Affix,Glyphicons,Jumbotron,Demos。

Bootstrap提供了一些辅助类,用于更快的移动友好开发.这些可用于通过媒体查询显示和隐藏内容,并结合大型,小型和中型设备.

谨慎使用这些内容,避免创建同一网站的完全不同版本. 响应式实用程序目前仅适用于块和表切换.

ClassesDevices
.visible-xs超小(小于768像素)可见
.visible- sm小(最多768像素)可见
.visible-md中等(768 px至991 px)可见
.visible-lg较大(992像素及以上)可见
.hidden-xs超小(小于768px)隐藏
.hidden-sm小(最多768像素)隐藏
.hidden-md中等(768像素到991像素) )隐藏
.hidden-lg较大(992像素及以上)隐藏

打印类

下表列出了打印类.使用这些来切换要打印的内容.

Classes打印
.visible-print是可见的
.hidden-print仅对浏览器不可打印.

示例

以下示例演示了如何使用上面列出的帮助程序类.调整浏览器大小或在不同设备上加载示例以测试响应式实用程序类.

                                 Extra small         ✔ Visible on x-small      
                              Small         ✔ Visible on small      
                                          Medium         ✔ Visible on medium                                    Large         ✔ Visible on large                 

 

复选标记表示该元素在当前视口中可见.