2013-11-26 71 views
3

hidden-xs和visible-xs类不适用于我。他们要么隐藏所有尺寸的元素,要么显示各种尺寸。有其他人遇到这个问题吗?Bootstrap 3 hidden-xs类隐藏列无论大小

我的代码没有什么特别之处。这里是哪里,这并不工作的例子:

<ul class="dot-nav visible-xs"> 
    <li><div class="dot-nav-dot"></div></li> 
    <li><div class="dot-nav-dot"></div></li> 
    <li><div class="dot-nav-dot"></div></li> 
    <li><div class="dot-nav-dot"></div></li> 
    <li><div class="dot-nav-dot"></div></li> 
</ul> 

唯一的造型使得它

display:none; 
+0

让我们看看一些代码:-)? Bootstrap 3版本?你有没有仔细阅读关于这些课程的手册?你是否将这些与其他隐藏可见类结合使用?谁知道? – mahatmanich

+0

是的,我用我的手指搜索答案,显然没有其他人有这个问题。我正在使用最新版本。 – kiaaanabal

回答

3

回答我自己的问题。

我们使用bootstrap-sass,因此我们可以覆盖响应中的断点。出于某种原因,xs被设置为4999px的最大宽度。我们认为它更小。

我们正在Rails中使用bootstrap sass,这可以很容易地禁用响应。我们只是将它添加到我们的application.css来设置我们自己的断点:

$screen-lg-min: 5000px; 
$screen-sm-min: 5000px; 
$screen-md-min: 600px; 
$screen-xs-max: 599px; 
+0

告诉我们你写的代码来改变这个吗? –

+0

当然,我编辑了我的答案。 – kiaaanabal