Twitter bootstrap 如何确保在引导中正确设置网格系统?

Twitter bootstrap 如何确保在引导中正确设置网格系统?,twitter-bootstrap,fluid-layout,grid-layout,Twitter Bootstrap,Fluid Layout,Grid Layout,我刚刚开始使用Bootstrap(我以前从未使用过网格系统),在理解实现流体网格系统的正确方法时遇到了问题。我有点担心我可能不得不重新设计网站。请参阅图片了解更多详细信息 问题1:在整个站点周围添加白色边框/填充并使其保持一定规模的正确方法是什么。我是否必须将其添加到每一新行的开头和结尾,或者是否有一种更简单的方法可以全局应用它 问题2:我的一些内容,如图片滑块的控件,落在了页边空白处。这是一个问题,还是仅仅通过创建一个包含每个列并带有一些填充的跨距来解决 问题3:我知道Bootstrap有一个

我刚刚开始使用Bootstrap(我以前从未使用过网格系统),在理解实现流体网格系统的正确方法时遇到了问题。我有点担心我可能不得不重新设计网站。请参阅图片了解更多详细信息


问题1:在整个站点周围添加白色边框/填充并使其保持一定规模的正确方法是什么。我是否必须将其添加到每一新行的开头和结尾,或者是否有一种更简单的方法可以全局应用它

问题2:我的一些内容,如图片滑块的控件,落在了页边空白处。这是一个问题,还是仅仅通过创建一个包含每个列并带有一些填充的跨距来解决

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


问题1:一个选项是使用div包装您的内容,例如:

HTML

问题2:例如,您可以使用
左边距:-20px
之类的方法将物品推出容器

问题3:是的,您可以使用生成器进行自定义,但是,例如,如果您希望保留默认的940px宽度,但有14列,则还必须调整列宽变量

<div class="wrapper">
    <div class="container">
        // ...
    </div>        
</div>
.wrapper{
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}