使用.container强制使用bootstrap 3？

Question

我正在开发一个Bootstrap 3项目，我试图理解.container类的使用是强制性的。我正在尝试实现一个全宽度页面，如果我使用.container，它会在左侧和右侧创建边距。

所以我尝试编写我的页面而不将我的内容包装在.container中。结果如下：

但是，当我将它全部包装在.container中时，它神奇地修复了自己，看看：

我知道如何用bootstrap 3实现全宽年龄？

Answer 1

如果您需要使用.row和.col-*类，则必须使用.container来定义.col-*的边界。< / p>

其他普通的html设计规则适用，你需要定义自己的css类来处理你想要实现的全宽度布局。

Answer 2

如this article所示，您可以创建自己的容器，而不是.container

.my-fluid-container {
   padding-left: 0;
   padding-right: 0;
   margin-left: auto;
   margin-right: auto;
}

这里面的.container类似乎很有效，而不是col-*。也许有一些警告，但乍一看没有什么奇怪的事情发生。

Example at plunker