9

我相信提供标准的左边距,我们可以在引导程序中使用“偏移”类。同时什么类可以用来提供标准的margin-right?例子:

<div class="row-fluid">
    <div class="offset2 span8"></div>
</div>

出于某种原因,我需要提供与 offset2 等效的边距。一些解决方案会有很大帮助。谢谢你。

4

1 回答 1

12

margin-right 没有与 offset-x 等效的类,并且有充分的理由不需要它。这样想,如果你需要一个 6 列的 div 并且左右 3 列都偏移,你可以使用:

<div class="row">
    <div class="span6 offset3">Your content...</div>
</div>

另外,如果你有一个 6 列的 div,只需要偏移 2 列但是,偏移量应该是右侧的 2 列,代码将是:

<div class="row">
    <div class="span6 offset4">Your content...</div>
</div>

请记住,您总是在 12 列中工作(除非 variables.less 发生变化),因此您可以使用 span-x 和 offset-x 来实现所需的位置。如果您希望调整其他像素,请在您的跨度内的内容容器中添加一个额外的类(或 ID)。例如:

<div class="row">
    <div class="span6 offset4">
        <div class="tweaked-margin">Your content...</div>
    </div>
</div>

CSS:

.tweaked-margin {
    margin-right: 4px; // or whatever you need
}
于 2013-08-11T18:07:08.043 回答