Twitter引导网格系统。柱间距

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (23)

我相信这个问题有一个简单的解决办法。基本上,如果我有两列,如何在它们之间添加一个空格?

例如,如果html是:

<div class="col-md-6"></div>
<div class="col-md-6"></div>

输出将是两个列,彼此相邻,占用整个页面的宽度。假设宽度设置为1000px那么每个div都是500px很宽。

如果我想100px两者之间的空间,我如何才能做到这一点?显然,通过引导,div大小将自动变为450px每一个用来补偿空间

提问于
用户回答回答于

属性实现列之间的间距,间距是一致的,以便所有列都正确排列。为了获得均匀的间距和列大小,我将执行以下操作:

<div class="row">
  <div class="col-md-5"></div>
  <div class="col-md-5 col-md-offset-2"></div>
</div>
用户回答回答于

也面临着同样的问题,下面的情况对我来说很好。希望这能帮助人们在这里着陆:

<div class="row">
  <div class="col-md-6">
     <div class="col-md-12">
        Some Content.. 
     </div>
  </div>
  <div class="col-md-6">
     <div class="col-md-12">
        Some Second Content.. 
     </div>
  </div>
</div>

This will automatically render some space between the 2 divs.

扫码关注云+社区