Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Adakah flex tergolong dalam bootstrap?

Adakah flex tergolong dalam bootstrap?

WBOY
Lepaskan: 2022-08-22 16:54:56
asal
2044 orang telah melayarinya

Reka letak Flex adalah milik bootstrap; flex merujuk kepada reka letak anjal boleh mengawal reka letak halaman melalui kelas flex dan ".d-inline-flex". gaya susun atur flex , sama ada anda boleh menggunakan susun atur elastik fleksibel juga merupakan perbezaan terbesar antara bootstrap3 dan bootstrap4.

Adakah flex tergolong dalam bootstrap?

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

flex kepunyaan bootstrap

Bootstrap 4 mengawal reka letak halaman melalui kelas flex

Perbezaan terbesar antara Bootstrap 3 dan Bootstrap 4 ialah Bootstrap 4 menggunakan kotak fleksibel untuk susun atur dan bukannya terapung.

  • Gunakan .d-flex dan .d-inline-flex untuk mendayakan gaya reka letak flex; Kedudukan dalam arah mendatar, lalai adalah kiri dan dipaparkan dari kiri ke kanan (1,2,3

  • .subelemen flex-row-reverse diletakkan secara mendatar); kanan dan dipaparkan dari kiri ke kanan (3, 2, 1); , 3);

  • .flex-column-reverse melaksanakan kesan menegak elemen kanak-kanak dan memaparkannya dari atas ke bawah (3, 2, 1);

  • .justify-content-start (akhir, tengah, antara, sekeliling) merealisasikan penjajaran kandungan; regangan) merealisasikan penjajaran item;
  • .selaraskan-mulakan sendiri (akhir, tengah, garis dasar, regangan) mencapai penjajaran item tunggal; >Contohnya adalah seperti berikut:
  • Contoh adalah seperti berikut:
  • Hasil keluaran:
  • Cadangan berkaitan:
  • tutorial bootstrap

Atas ialah kandungan terperinci Adakah flex tergolong dalam bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan