2015-08-26 21 views
0

我是新手引导和从here了解它。无法可视化引导网格系统

考虑片断,

 <div class="container"> 
     <!--Row with two equal columns--> 
     <div class="row"> 
      <div class="col-md-6"> 
       <div class="demo-content">.col-sm-6</div> 
      </div> 
      <div class="col-md-6"> 
       <div class="demo-content bg-alt">.col-sm-6</div> 
      </div> 
     </div> 
    </div> 

但我没有看到该行分成2 columns.Clearly这些是2点不同的行。有什么建议么?

enter image description here

+0

你的视口大小是多少?这仅适用于Viewports> = 992px –

+0

@Lars Graubner:这是一台普通的台式机。 –

回答

0

你必须确保你的窗口是足够大的。如果您有小屏幕,请尝试使用col-xs-6

+0

sm也是一样。你可以在这里试试http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&file=two-column-layout –

+0

@ Shirgill-Ansari:好的,我更新了它。您需要使用xs,因为在线HTML编辑器是非常小的半页。这意味着只有xs才能得到正确的布局。 – Darneas

+0

它也不适用于xs。 –

0

它可以在Google Chrome和Firefox中使用。我猜你正在使用IE < 8,哪个bootstrap不支持直接。

在这种情况下,你需要使用额外的.js文件,描述here

+0

我使用的是最新版本的Google Chrome浏览器 –