Apakah maksud sm dalam bootstrap?

Dalam bootstrap, sm bermaksud "kecil" dan merupakan singkatan daripada kecil; sm sering digunakan untuk mewakili kelas grid ".col-sm-*", yang bermaksud kelas peranti skrin kecil dan menunjukkan saiz paparan Peranti skrin yang lebih besar daripada atau sama dengan 768px dan kurang daripada 992px, serupa dengan peranti tablet.

Persekitaran pengendalian tutorial ini: sistem Windows 10, bootstrap versi 3.3.7, komputer DELL G3

Apakah maksud sm dalam bootstrap

sm bermaksud kecil, yang bermaksud kecil.

Apakah itu sistem grid

Sistem grid merujuk kepada membahagikan reka letak halaman kepada lajur yang sama lebar, dan kemudian menentukan bilangan lajur untuk diubah suai modul Sesuaikan susun atur halaman. Sistem grid Bootstrap menggunakan corak lajur 1-12 dan menggunakan pengiraan berkadar untuk menetapkan lebar lajur yang anda tentukan. Contohnya, jika anda ingin menggunakan mod reka letak dua lajur untuk baris ini, lebar setiap lajur ialah 50% daripada bekas luar Tidak kira apa peranti yang anda gunakan untuk menyemak imbas, ia akan dipaparkan dalam perkadaran ini. Walau bagaimanapun, jika lebar peranti lebih kecil daripada lebar minimum yang anda tetapkan, kedua-dua lajur akan menjadi satu lajur bersebelahan.

Sistem grid Bootstrap

Menggunakan sistem grid dalam Bootstrap adalah sangat mudah dan mudah, cuma masukkan kelas mereka yang telah ditetapkan ke dalam div anda.

Mari kita lihat dahulu beberapa kelas grid yang boleh digunakan dalam Bootstrap:

1 .col-xs-* Ini ialah kelas skrin ultra-kecil (<768px ), serupa dengan telefon mudah alih dan peranti lain.

2.col-sm-* Ini ialah kelas peranti skrin kecil (≥768px dan

3.col-md-* Ini ialah kelas peranti sederhana (≥992px dan

4. col-lg-* Ini ialah kelas peranti yang besar (≥1200px).

col- untuk semua peranti

col-sm- tablet- lebar skrin sama dengan atau lebih besar daripada 576px

col-md- monitor desktop- lebar skrin sama dengan atau lebih besar daripada 768px)

col-lg- Monitor desktop besar - lebar skrin sama dengan atau lebih besar daripada 992px)

col-xl- Monitor desktop lebih besar - lebar skrin sama dengan atau lebih besar daripada 1200px)

Cadangan berkaitan: tutorial bootstrap

Atas ialah kandungan terperinci Apakah maksud sm dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!