Twitter bootstrap:如何添加边缘？

Question

我有一个以Twitter Bootstrap为中心的容器页面.

这个容器有一个跨越整个宽度(span12)的标题,标题下面是一个图片库,这是一堆行,每行有4个单元格(包含图片).

我想为每一行添加侧边距,这样第一张和最后一张图片就不会与容器边框完全吻合,而且图片的间距相等.我不想将offset1用于保证金,因为它太大了.

这是当前模型的链接:http://i46.tinypic.com/21e2h4o.jpg

Answer 1

您可以使用nth-child css属性

nth-child(4n+1) 对于左边距

nth-child(4n+4) 为了合适的保证金

http://css-tricks.com/how-nth-child-works/

要么

添加一个<div>在你.span12的style="padding:0 19px"

并在里面添加一个 <div class="row-fluid">

<div class="row">
  <div class="span12">
    <div style="padding:0 19px">
      <div class="row-fluid">
        <div class="span3">3</div>
        <div class="span3">3</div>
        <div class="span3">3</div>
        <div class="span3">3</div>
      </div>
    </div>
  </div>
</div>