Wie zeige ich eine Webseite im gesamten Breitbildformat an? Ich verwende Bootstrap

Question

Das Folgende ist ein Beispiel. Der rote Teil entspricht dem aktuellen Leerraum meiner Website. Ich möchte diesen Teil des Raums nutzen, das heißt, die normale Struktur erweitern, weiß aber nicht, wie ich das machen soll.

Answer 1

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

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

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

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

Answer 2

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