2014-10-06 50 views
0

我是Bootstrap的新手,并试图在12列布局上进行操作。看看这些教程,它应该刚刚出现,但出于某种原因,Divs将堆叠在一个下面,而不是将它们排列在具有跨度的行布局中。它的困惑可以有人帮助吗?DIV布局不使用引导进行渲染

<body> 
    <div class="row"> 
     <div class="span6">Text 123456</div> 
     <div class="span6">Text 123456</div> 
    </div> 
</body> 

这里是小提琴 - 我使用的是Chrome和Firefox。

http://jsfiddle.net/vshtmczf/

+5

您使用引导2类,但在外部资源要链接引导V3.2。你可以找到v3.2网格系统的文档[这里](http://getbootstrap.com/css/#grid) – 2014-10-06 15:42:19

+0

@koala_dev谢谢。它没有让我意识到,ver2和3之间可能会发生突变。 – Harryom 2014-10-06 16:22:03

回答

3

好了,你必须得有类容器父元素,因为你使用的引导3.2,而不是span6使用COL-XS-6。 documentation

这里看看:

<body class="container"> 
    <div class="row"> 
     <div class="col-xs-6">Text 123456</div> 
     <div class="col-xs-6">Text 123456</div> 
    </div> 
</body> 

jsFiddle