Rumah >hujung hadapan web >tutorial css >Bolehkah Bootstrap 3 Benar-benar Mempunyai Lebih Daripada 12 Lajur Berturut-turut?

Bolehkah Bootstrap 3 Benar-benar Mempunyai Lebih Daripada 12 Lajur Berturut-turut?

Barbara Streisand
Barbara Streisandasal
2024-10-31 15:33:42569semak imbas

Can Bootstrap 3 Really Have More Than 12 Columns in a Row?

Bootstrap 3: Menggunakan Lebih Daripada 12 Lajur Berturut-turut

Coretan kod yang disediakan mengatasi gelagat Bootstrap 3 untuk kumpulan lajur yang besar, membolehkan anda untuk menggunakan lebih daripada 12 lajur berturut-turut. Walau bagaimanapun, adalah penting untuk menjelaskan bahawa Bootstrap tidak mengehadkan anda dengan ketat kepada 12 lajur setiap baris.

Menurut dokumentasi Bootstrap, anda boleh mempunyai lebih daripada 12 lajur dalam satu baris. Walau bagaimanapun, jika anda melebihi had ini, lajur tambahan akan dibalut pada baris baharu sebagai satu unit. "Pembungkusan lajur" ini diperlukan untuk mengekalkan sifat responsif sistem grid.

Untuk menunjukkan tingkah laku ini, pertimbangkan contoh kod berikut:

<code class="html"><div class="container">
  <div class="row large-group" style="background-color:#ebebeb;">    
    <div class="col-xs-9"><div style="background-color:#babeee;"><p>col 9</p></div></div>    
    <div class="col-xs-3"><div style="background-color:#fefeeb;"><p>col 3</p></div></div>    
    <div class="col-xs-12"><div style="background-color:#bada55;"><p>col 12</p></div></div>    
  </div>    
</div></code>

Dalam contoh ini, terdapat 14 lajur, yang melebihi had biasa 12. Walau bagaimanapun, perhatikan bahawa lajur masih dipaparkan dengan betul dan membalut ke baris baharu, mengekalkan responsif susun atur.

Oleh itu, tidak ada keperluan untuk penggantian tersuai yang disediakan dalam siaran asal. Bootstrap sudah membenarkan anda menggunakan lebih daripada 12 lajur berturut-turut, dengan syarat anda mempertimbangkan gelagat "pembungkus lajur".

Atas ialah kandungan terperinci Bolehkah Bootstrap 3 Benar-benar Mempunyai Lebih Daripada 12 Lajur Berturut-turut?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn