如何使用整个宽屏来显示网页？我在使用bootstrap

Question

下面是一个例子，红色部分对应现在我的网站现在的空白，我想把这部分空间也利用上，也就是把正常的结构变宽，不知道怎么做。

Answer 1

将最外面的布局元素 .container 修改为 .container-fluid，就可以将固定宽度的栅格布局转换为 100% 宽度的布局。

不止用于根元素，内部想要百分百宽的也可以。
参见：http://v3.bootcss.com/css/#gr...

请注意内部 row 之类的结构也需注意。

<div class="container-fluid">
  <div class="row">
      <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
      <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
  </div>
</div>

Answer 2

将 class="container" 换成 class="container-fluid"