2

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

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

无容器

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

带容器

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

4

2 回答 2

2

如果您需要使用.row和.col-*类，那么必须使用.container定义.col-*工作边界的 a 。

其他正常的 html 设计规则适用，您需要定义自己的 css 类来处理您尝试实现的全角布局。

于 2013-08-19T15:31:08.760 回答
2

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

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

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

plunker 的示例

于 2013-09-02T13:21:20.550 回答