Bootstrap网格系统相同但不同的高度

时间:2016-01-29 01:52:03

标签: html css html5 twitter-bootstrap

我一直在尝试使用bootstrap,但我遇到了一个问题。 我试图让特定的布局起作用:

https://jsfiddle.net/7e5zh62y/1/

问题是,我似乎无法让header1header2处于同一高度。

This是我想要实现的目标,因此当屏幕变小时,标题和列表stay grouped.

这可能吗?我已经尝试了几种方式,但我能得到的最接近的是:

    header1
    header2
    list1
    list2

并没有真正成功。

1 个答案:

答案 0 :(得分:2)

第二个标题在代码中有左边距规则。摆脱这个规则,两个标题排成一行。

enter image description here

正如您在图片中看到的那样,您需要从margin-left: 50%中移除.col.sm-offset-6