Bagaimana untuk Menyusun Div Bootstrap Ketinggian Berbeza Menggunakan CSS?

Menyusun Div dengan Ketinggian Berbeza dalam Bootstrap Menggunakan CSS

Dalam susun atur yang diberikan, menjajarkan div ini secara menegak kekal sebagai cabaran disebabkan sistem grid Bootstrap . Seseorang boleh menyelesaikan isu ini melalui CSS tanpa bergantung pada pemalam.

.menu-category {
  float: left;
  clear: both;
  padding: 0;
}

Dengan menggunakan gaya ini, kategori akan terapung bersebelahan dan dengan sifat yang jelas, terapung akan kosong selepas setiap kategori. Ini memastikan tindanan yang optimum.

Untuk memperhalusi reka letak bagi pelbagai saiz skrin, gunakan kelas utiliti Bootstrap:

.visible-sm, .visible-md, .visible-lg {
  display: block;
}

.visible-sm {
  clear: both;
}

CSS ini memastikan bahawa kategori akan disusun pada skrin yang lebih kecil (cth., telefon pintar) dan kosongkan pelampung selepas setiap kategori pada skrin yang lebih besar (cth., tablet dan desktop).

Atas ialah kandungan terperinci Bagaimana untuk Menyusun Div Bootstrap Ketinggian Berbeza Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!