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

Barbara Streisand
Lepaskan: 2024-10-31 15:33:42
asal
470 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!