DIV布局无法使用Bootstrap渲染

时间:2014-10-06 15:40:21

标签: css twitter-bootstrap

我是Bootstrap的新手,正在尝试12列布局。看一下教程,它应该只是开箱即用,但由于某种原因,Divs正在堆叠一个在另一个之下,而不是在行间距布局中安排自己。令人困惑的是有人可以帮忙吗?

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

这是小提琴 - 我正在使用Chrome和Firefox。

http://jsfiddle.net/vshtmczf/

1 个答案:

答案 0 :(得分:3)

好吧,你必须得到带有类容器的父元素而不是span6使用col-xs-6,因为你使用的是Bootstrap 3.2。 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