Html 引导100%宽度/全宽度

我想创建一个新的网站与引导，我需要它是100%的宽度，但我不希望它是流体。至少现在不是

我遇到的问题是：使用引导标准将您限制为960px，对于流体布局，它是全宽的，但其行为类似于流体布局，当窗口缩小时，移动元素使其堆叠

有没有办法让静态引导布局具有100%的宽度

100%宽度。。。静止的

这有点矛盾。100%宽度的布局不是静态的

---

引导使用

.container

类来设置预定义的宽度。如果希望其大于默认值，请将其增加到所需的页面宽度。但是要小心，引导的

span*

和

offset*

类的大小将需要相应地调整它们的宽度。

我想你的意思是，你不希望边上有边距/填充。（这是你的信息有意义的唯一方式——100%的宽度将占据整个屏幕大小，因此它永远不会是静态的——大小将根据窗口的大小而变化）

我们没有您提供的用例或JSFIDLE，因此我无法给出确切的代码，但您需要确保您的正文有边距：0和填充：0，然后使用Firebug或Chrome Web开发工具查找其他div

---

如果您希望布局流畅，但在某一点停止增长，则需要将最大宽度：1000px（例如）应用于身体或一般容器/包装器元素。

只需不包括

引导响应.css

即可禁用响应功能

如果您不想要

.container

边距/边距，您可以将内容放在容器外，但请记住，您必须自己维护内容布局（仍然可以使用网格，但无法将内容居中）不要忘记大多数引导组件，如

。navbar

需要

。container

来控制其宽度

我的一项工作需要一个全屏旋转木马来容纳所有内容，所以我用

.container

包装我的内容，使内容居中

---

这在Bootstrap 3中很容易实现，只需将

.container

div替换为您自己的：

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

感谢Erik Flowers的提醒：

更新

---

Bootstrap3现在提供了一个内置的流体容器类，只需使用

我不太明白如何回答主要问题，但以下是您想要的

如上所述，不要使用.container，请使用您自己的类，如：

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

---

然后，在构建网格时，只需对列使用col xs-*即可。现在，您将拥有一个100%宽度的站点，它不会堆叠在“移动”视图中。欢迎来到90年代；）

只需将容器更改为您需要的大小？100%始终是一个相对值。您应该以像素为单位更改容器宽度。谢谢您的帮助。是的，你是对的，这是一个矛盾修饰法，所以我想我真正想问的是，我怎么能有一个不堆叠跨度的流体布局。你能详细说明一下“堆叠跨度”吗？引导有12种不同的

span*

大小

.span1

可以在

.container

的一行中放置12次，而

span12

只能放置一次。只要您的

span*

元素不超过其容器的跨度宽度，您就不应该让它们堆叠起来。一个示例引导布局可以是：

容器（第12行（第6行（第3行，第3行）），第6行（第2行，第4行）；）

。请注意，

行

类用于确定新行元素，如果没有它，边距将超过容器的限制。是的。完全修复了我的问题。..row>.container>。内容这是针对Bootstrap 3的-原始问题和答案似乎是针对Bootstrap 2.3的