Bootstrap 3 hidden-xs類隱藏列無論大小

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;

來源

2013-11-26 kiaaanabal

讓我們看看一些代碼:-)？ Bootstrap 3版本？你有沒有仔細閱讀關於這些課程的手冊？你是否將這些與其他隱藏可見類結合使用？誰知道？ – mahatmanich

是的，我用我的手指搜索答案，顯然沒有其他人有這個問題。我正在使用最新版本。 – kiaaanabal

回答我自己的問題。

我們使用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;

來源

2013-11-26 19:56:51 kiaaanabal

告訴我們你寫的代碼來改變這個嗎？ –

當然，我編輯了我的答案。 – kiaaanabal

Bootstrap 3 hidden-xs類隱藏列無論大小

回答

相關問題