安排bootstrap列

时间:2014-01-25 08:34:19

标签: responsive-design twitter-bootstrap-3

我想在PICTURE

上创建类似这样的引导程序

我创建左侧但我无法创建中间内容。

我使用col-sm-12然后使用col-sm-3。我无法在页面上获取这些行。我总是将页面减半分成两个水平部分,我想要四个垂直部分。

这是我的代码的小提示,你可以很容易地知道我想要什么FIDDLE我只需要中间内容就像在图片上... 4个垂直列,在那列我有2个块。

1 个答案:

答案 0 :(得分:0)

您需要向他们添加一些内容。

试试这个:

<div class="row">
    <div class="col-sm-3 col-md-3">Left sidebar</div>
    <div class="col-sm-9 col-md-9">Content</div>

</div>

这是一个有效的DEMO