0

我有一个主体背景为灰色的设计，内容位于一个白色容器内，填充为 20 像素。

我正在使用 Bootstrap 创建它，但是如果我将这个 20px 填充添加到容器中，那么所有其他 span 元素都不适合...

它应该是：

<div class="container"> <!-- this should be white background -->
    <div class="row">
        <div class="span4"></div> <!-- this element should be 20px margin left --> 
        <div class="span4"></div>
        <div class="span4"></div> <!-- this element should be 20px margin right -->
    </row>
</div>

有没有办法用 Bootstrap 创建这种容器？

谢谢。

4

4 回答 4

1

这能解决你的问题吗？

.container {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
于 2013-08-02T08:12:29.953 回答
0

一个快速的解决方法是简单地使用row-fluid, 而不是row，因为这允许spanNdiv 划分任何可用的内容；该row课程为您span提供固定大小的课程。

于 2013-08-02T08:19:29.653 回答
0

首先我想提一下，有一个新的

Bootstrap version (3)

现在可用。如果您仍想使用已安装的版本，请尝试使用该类

row-fluid

而不是行。这

offset

课程也是可能的，但也许间距太大......

于 2013-08-02T08:19:59.900 回答
0

浏览Bootstrap 文档，有几个预定义的类可以实现这一点。

尝试这个

    <div class="span4 offset1"></div> 
    <div class="span4"></div>
    <div class="span4 offset4"></div>
于 2013-08-02T08:13:50.050 回答