Bagaimana untuk memaparkan halaman web menggunakan keseluruhan skrin lebar? Saya menggunakan bootstrap

Question

Berikut ialah contoh Bahagian merah sepadan dengan ruang kosong semasa tapak web saya. Saya ingin menggunakan bahagian ruang ini, iaitu, menjadikan struktur biasa lebih luas, tetapi saya tidak tahu cara melakukannya.

Answer 1

Tukar elemen susun atur paling luar .bekas kepada .bendalir bekas untuk menukar susun atur grid lebar tetap kepada susun atur lebar 100%.

Bukan sahaja digunakan untuk elemen akar, tetapi juga jika anda mahu 100% lebar dalam.
Lihat: http://v3.bootcss.com/css/#gr...

Sila ambil perhatian bahawa struktur seperti baris dalaman juga memerlukan perhatian.

<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

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