Bootstrap3 .visible- * .hidden- *内联显示
Bootstrap有一些很好的.visible-* （例如.visible-lg ）类实用程序，用于根据屏幕大小select要显示或隐藏的内容。
使用这些类时，它将应用样式display: block !important; 当在正确的屏幕尺寸。
但有时候，我想用它来显示一些inline或inline-block元素。
我怎么能干净地覆盖一些引导规则有select？ 或者它应该是一个自举function请求？
编辑
似乎我不是唯一一个想知道这个问题的人。 这是github问题 。
感谢您的最新答案！
Bootstrap v3.2.0更新
这个现在在Bootstrap v3.2.0中本地解决了
根据新的响应式文档 ：
从v3.2.0开始，每个断点的.visible- –类有三个变体，每个variables的CSSvariables属性值如下所示：
Group of classes | CSS display .visible-*-block | display: block; .visible-*-inline | display: inline; .visible-*-inline-block | display: inline-block;
例如，你可以使用：
<p>Device is: <span class=" visible-lg-inline ">Large</span></p>
其他实例
被问及关于Stackoverflow的问题：
- Bootstrap 3 class visible-lg移动到一个新行
引导问题报告：
- ＃4929 – 响应的实用程序类可能会导致意外的包装
- ＃7808 – 在响应式实用程序中使用显示inheritance导致元素被错误地显示
- ＃8500 – 内联元素的响应类的使用
- ＃8869 – 响应的.hidden- *类从显示块更改为内嵌块
- ＃10263 – 即使对于内联元素，visible-xs也会使display = block
这已经在v3.1中得到了修正。
.visible-lg或.visible-md会强制display: block !important; 但使用.hidden-xs或.hidden-sm将.hidden-sm联方式显示。
下面的库使用内联和内联块变体扩展可见帮助类：
https://github.com/moappi/bootstrap.inline-responsive
实现以下内容：
-
visible-inline-* -
hidden-inline-*
和
-
visible-inline-block-* -
hidden-inline-block-*
更新到引导程序3.1或更高版本确实解决了这个问题，因为从这个隐藏类只隐藏标签，不再设置display: block 。 通过这种方式，可以使用<div>作为块上下文，使用<span>作为行内块上下文（这些标签的正常行为）
