Bootstrap不等列创建

时间:2015-06-12 19:11:34

标签: html twitter-bootstrap

我正在bootstrap创建一个网站。我需要制作一个右侧列制作一个大的序列号4.当我填充列高度时,大的同时空间出现在序列号3和6之间。

我该如何解决这个问题?

<div class="col-md-3">content goes here</div>
<div class="col-md-3">content</div>
<div class="col-md-3">content</div>
<div class="col-md-3">BIG COLUM</div>
<div class="col-md-3">content</div>
<div class="col-md-3">content</div>
<div class="col-md-3">content</div>

Example

2 个答案:

答案 0 :(得分:0)

我唯一能想到的就是在你的垂直柱上使用:查看此链接http://getbootstrap.com/css/#grid-options 查看偏移列部分。

答案 1 :(得分:-1)

请记住将页面包裹在<div class="container"中,然后将其包装在<div class="row"中...还要记住网格宽度仅为12宽,因此您必须将多个div作为列表-3,你只能使用四个。