使用引导程序的响应式CSS规则

我希望我的网站的某些部分在移动设备上缩小尺寸。是否可以通过引导来触发这些更改，而不是根据页面宽度手动添加响应式css规则？使用引导程序的响应式CSS规则

例如，通过反复试验，我发现只要浏览器宽度小于767px，我就知道bootstrap3从固定宽度切换到可变宽度，折叠navbar。我希望我的页面的其他元素同时显示样式。有没有对这些改变从引导响应规则触发/继承了天然的/天然的方式，而不是手动添加

@media screen and (min-width: 767px)

2013-08-12 Jeroen

为什么不使用bootstrap提供的一些响应类？像“col-lg-12”，“hidden-sm”等？ – Caelea

，最好的办法是将自举类在你的代码。另外使用实用程序类来显示和隐藏设备的内容。他们将隐藏或显示div的在一个给定的屏幕尺寸与这些类：

.visible-phone 
.visible-tablet 
.visible-desktop 
.hidden-phone  
.hidden-tablet 
.hidden-desktop

（电话767px及以下，片979px到768px）。

更新：本周时过境迁，白手起家新版本有不同的类别：

老=。可见手机新=。可见-SM

老=。可见，平板电脑新= .visible- MD

老=。可见桌面新=。可见，LG

旧= .hidden手机新= .hidden-SM

旧= .hidden-平板电脑新= .hi dden-MD

旧= .hidden桌面新= .hidden-LG

更多的变化很容易在the migration guide

更新观察：新类以 '看得见' 都赞成被否决规范CSS显示属性的类。请参阅bootstraps explanation

2013-08-12 11:32:29

正是在寻找什么，这些类的更新版本，谢谢！ – Mastro

首字母缩写词代表什么（'lg'，'sm'，'md'）？它是大型的，小型的还是中型的？ – Unidan

而不是使用“手机”，“平板电脑”等边框将因淡入淡出（考虑能够拨打电话的平板电脑），这些类表示设备大小的指示。是的，大，中，小。现在也是xs，超小。 http://getbootstrap.com/css/#responsive-utilities-classes –

回答