引導網格不顯示在智能手機上

我正在使用引導V3。我想要使用網格屬性做出響應的網站引導網格不顯示在智能手機上

<div class="row"> 
    <div class="col-xs-7 backgroundcolor">7</div> 
    <div class="col-xs-4 backgroundcolor">4</div> 
    <div class="col-xs-1 backgroundcolor">1</div> 
    </div>

，但是當我在智能手機上查看該代碼COL-XS-1並不在同一條線上的其他顯示。

如果我改變線以這樣的：

<div class="row"> 
    <div class="col-xs-1 backgroundcolor">1</div> 
    <div class="col-xs-4 backgroundcolor">4</div> 
    <div class="col-xs-7 backgroundcolor">7</div> 
    </div>

的COL-XS-7沒有表現出在同一行作爲COL-XS-1和col-XS-4。大屏幕上的沒有問題。

您還在http://www.bootply.com/87060上找到我的代碼。

來源

2013-10-11 WouterV

有人知道嗎？當您檢查示例代碼並切換到小屏幕大小時，第一行不會呈現爲應該... – Brainfeeder

我不知道，如果這是連接到你的問題，但嘗試

<div class="container">

在第2行，而不是類=「COL-XS-12

這將是正道使用自舉網格

來源

2013-10-11 14:20:42 kbrunner

它不包含在問題中，但我們在主HTML文件中有'.container'類，上面的網格是在局部視圖中。可能是BS 3.0中的一個錯誤？ – Brainfeeder

引導網格不顯示在智能手機上

回答

相關問題