Bootstrap行之间的间距有问题

时间:2013-07-01 18:40:54

标签: css twitter-bootstrap

所以我目前正在使用bootstrap开发我的简历网站,并且在使我的行进行网格化和显示时遇到了一些麻烦。

我知道问题发生的原因(我的教育模块正在将行的高度扩展得太远),但我不确定如何修复它。

截至目前,我有两行:第一行是我的技能和教育行,而底部是我的经验和一个空白模块。

我尝试过嵌套行(也许我没有正确实现它?),以及弄乱流动性,响应性等等。

我只是过分思考是否容易?

http://i.imgur.com/U5DIZ1M.jpg

2 个答案:

答案 0 :(得分:1)

CSS 代码

中添加此内容
#education{
    float: right;
}

答案 1 :(得分:0)

您需要连续两列,然后将这两个部分嵌套在左列中。

Fiddle

<div class="row-fluid">
  <div class="span8">
    <div class="row-fluid">
      <!--Skills-->
    </div>
    <div class="row-fluid">
     <!--Experience-->
    </div>
  </div>
  <div class="span4">
    <!--Education-->
  </div>
</div>