Bootstrap 100%宽度/全宽

Question

我想用Bootstrap创建一个新的网站,我需要它的宽度为100%,但我不希望它是流畅的.至少现在不行.

我遇到的问题是:使用bootstrap标准限制你到960px并且流体布局它是全宽度但行为类似流体布局应该通过移动元素在窗口缩小时变成堆叠.

有没有办法在静态引导程序布局中使用100%宽度？

Answer 1

这在Bootstrap 3中很容易实现,只需.container用你自己的div 替换:

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

感谢Erik Flowers的单挑:http: //www.helloerik.com/bootstrap-3-grid-introduction#fluid

UPDATE

Bootstrap 3现在提供一个内置的流体容器类,只需使用<div class="container-fluid">.查看文档.

Answer 2

100%宽度......静态

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

Bootstrap使用.container类来设置预定义的宽度.如果您希望它大于默认页面宽度,请将其增加到所需的页面宽度.但要小心,Bootstrap span*和offset*类的大小需要相应地调整其宽度.