Bootstrap:保证金权利等级?

时间:2013-08-11 09:59:43

标签: css twitter-bootstrap

我相信提供标准余量 - 我们可以在bootstrap中使用类“Offset”。同时,什么是可以用来提供标准保证金权利的类? 例如:

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

由于某种原因,我需要给予与offset2相当的保证金权利。一些解决方案将有很大帮助。谢谢。

1 个答案:

答案 0 :(得分:11)

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

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

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

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

请记住,您总是在12列中工作(除非变量无变化),因此您可以使用span-x AND 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
}