引导网格不显示在智能手机上

我正在使用引导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

引导网格不显示在智能手机上

回答

相关问题