Twitter bootstrap 引导3是否必须使用.container?

Twitter bootstrap 引导3是否必须使用.container?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我正在做一个Bootstrap3项目,我试图了解.container类的用法是必须的。我正在尝试实现全宽页面,如果我使用.container,它会在左右两侧创建边距 因此,我尝试在不将内容包装在容器中的情况下对页面进行编码。结果如下: 但是,当我将其全部包装在容器中时,它神奇地自行修复,请看: 你知道我如何使用bootstrap 3实现全方位年龄吗?如果你需要使用.row和.col-*类,那么必须使用.container来定义.col-*的工作边界 否则,正常的html设计规则适用,您需要定

我正在做一个Bootstrap3项目,我试图了解.container类的用法是必须的。我正在尝试实现全宽页面,如果我使用.container,它会在左右两侧创建边距

因此,我尝试在不将内容包装在容器中的情况下对页面进行编码。结果如下:

但是,当我将其全部包装在容器中时,它神奇地自行修复,请看:


你知道我如何使用bootstrap 3实现全方位年龄吗?

如果你需要使用
.row
.col-*
类,那么必须使用
.container
来定义
.col-*
的工作边界


否则,正常的html设计规则适用,您需要定义自己的css类来处理您试图实现的全宽度布局。

如果您需要使用
.row
.col-*
类,则必须使用
容器
,该容器定义
.col-*
的边界才能工作

否则,正常的html设计规则适用,您需要定义自己的css类来处理您试图实现的全幅布局。

如中所示,您可以创建自己的容器,而不是
。容器

.my-fluid-container {
   padding-left: 0;
   padding-right: 0;
   margin-left: auto;
   margin-right: auto;
}
这似乎比
.container
更适合
col-*
内部的类。也许有一些警告,但是乍一看并没有什么奇怪的事情发生

如中所示,您可以创建自己的容器,而不是
.container

.my-fluid-container {
   padding-left: 0;
   padding-right: 0;
   margin-left: auto;
   margin-right: auto;
}
这似乎比
.container
更适合
col-*
内部的类。也许有一些警告,但是乍一看并没有什么奇怪的事情发生


您将如何尽可能优雅地解决全幅问题?嗯。。。没有一个例子,我无法争辩。:)图像是不够的。尝试创建一个问题的JSFIDLE。通常情况下,这只是一个填充、边距、边框的问题……您也可以使用jade模板吗?@johnsmith要诊断这个问题,生成的html是强制性的。您如何尽可能优雅地解决全幅问题?嗯。。。没有一个例子,我无法争辩。:)图像是不够的。尝试创建一个问题的JSFIDLE。通常情况下,这只是一个填充、边距、边框的问题……你也可以使用jade模板吗?@johnsmith要诊断这个问题,生成的html是强制性的。当我查看plunker示例时,Chrome中有一个水平滚动条。只需使用Ubuntu Chrome版本30.0.1599.0 dev No scroll bars进行检查。您使用哪个版本?OS X 10.8.4,Chrome 31.0.1650.63。恐怕我无法复制。不要拥有mac电脑。稍后将使用Win和Linux上的最新Chrome进行检查。如果它只发生在mac上,那么应该在引导报告中报告为一个问题。当我查看plunker示例时,Chrome中有一个水平滚动条。刚刚检查了Ubuntu Chrome版本30.0.1599.0没有滚动条。您使用哪个版本?OS X 10.8.4,Chrome 31.0.1650.63。恐怕我无法复制。不要拥有mac电脑。稍后将使用Win和Linux上的最新Chrome进行检查。如果仅在mac上发生,则应在引导回购中报告为问题。