2

我刚刚开始使用 Bootstrap（我以前从未使用过网格系统）并且在理解实现流体网格系统的正确方法时遇到了问题。我有点担心我可能不得不重新设计网站。请查看图片了解更多详情。

问题 1：在整个站点周围添加白色边框/填充并且仍然可以缩放的正确方法是什么。我是否必须将它添加到每个新行的开头和结尾，或者是否有更简单的方法来全局应用它？

问题 2： 我的一些内容（例如图片滑块的控件）位于页边空白处。这会是一个问题，还是只是通过创建一个包含每列和一些填充的跨度来解决？

问题 3：我知道 Bootstrap 有一个默认的 12 列系统，但看起来你可以通过“自定义下载”轻松自定义它。是否像在@gridColumns 字段中输入 14 一样简单，还是我还需要更改 px 宽度？

4

1 回答 1

2

问题 1：一种选择是让 div 包装您的内容，例如：

HTML

<div class="wrapper">
    <div class="container">
        // ...
    </div>        
</div>

CSS

.wrapper{
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}

问题 2： 您可以使用类似margin-left: -20px的方法将物品推出容器。

问题 3： 是的，您可以使用构建器进行自定义，但是，例如，如果您想保留默认的 940 像素宽度，但有 14 列，则您还必须调整列宽变量。

于 2013-03-06T00:28:07.250 回答