html5 - Masalah dengan lebar lajur kol dalam bootstrap

Question

Maafkan saya, terdapat beberapa situasi dalam bootstrap untuk menetapkan reka letak penyesuaian col-md-, col-sm-, col-lg-*,

Maka soalan saya ialah, walaupun saya faham maksudnya, apabila menulis class=col- etc., adakah semua situasi ini perlu ditulis? Jika saya tidak perlu menulis keempat-empat, maka bagaimana saya harus memilih yang betul antara md, sm, dan lg. . .

Sila tanya tuan untuk pengalamannya.

Answer 1

Answer 2

col-xs适配超小屏幕，一般指手机；
col-sm适配平板；
col-md适配台式机或者笔记本；
col-lgSesuai untuk desktop, komputer riba atau skrin lebar resolusi tinggi, tetapi biasanya tidak digunakan.

Juga ambil perhatian bahawa tidak perlu menulis sepenuhnya,
col-xs-6, yang bermaksud bahawa pada telefon mudah alih skrin kecil atau peranti yang lebih besar daripada telefon mudah alih skrin kecil, ia hanya mengambil kira separuh, jadi tidak perlu menambah Tulis tambahan col-sm-6, col-md-6 dan col-lg-6. col-xs-6，表示在小屏手机或者比小屏手机大的设备，都只占一半，所以不需要额外去写col-sm-6、col-md-6和col-lg-6。
大的分列布局会在相应的情况下覆盖小的分列布局设置，小的分列布局是大的分列布局的默认值。
比如col-xs-6 col-md-12Reka letak lajur besar akan mengatasi tetapan reka letak lajur kecil dalam kes yang sepadan. Reka letak lajur kecil ialah nilai lalai reka letak lajur besar.

Sebagai contoh, col-xs-6 col-md-12 bermakna ia menduduki separuh daripada lajur pada telefon mudah alih dan tablet dan 12 lajur pada komputer (sama ada biasa atau tinggi- skrin resolusi). 🎜