Bagaimana untuk Mencapai Susunan Optimum Div Bersaiz Berubah-ubah dalam Bootstrap Tanpa Baris?

Bootstrap: Mencapai Susunan Optimum Div Bersaiz Berubah-ubah

Susun atur yang disediakan menampilkan berbilang div dengan ketinggian yang berbeza-beza yang mesti disusun dalam satu padat cara. Sistem baris Bootstrap, walaupun mudah, menghalang susunan optimum dalam senario ini. Oleh itu, penyelesaian CSS tulen dicari untuk mengatasi had ini.

PENYELESAIAN

Daripada menggunakan sistem baris Bootstrap, pertimbangkan untuk memanfaatkan ".visible-sm, .visible -md, .visible-lg" bersama dengan kelas "clearfix". Strategi ini secara berkesan mengosongkan terapung mengikut saiz skrin yang berbeza.

Pelaksanaan:

<!-- Clear floats in medium and large screens -->
<div class="clearfix visible-md visible-lg"></div>

<!-- Clear floats in small screens -->
<div class="clearfix visible-sm"></div>

Untuk rujukan, lihat dokumentasi Bootstrap 3.

Pendekatan ini memastikan bahawa div disusun dengan sewajarnya, mengoptimumkan penampilan keseluruhan reka letak dan kefungsian merentas pelbagai skrin resolusi.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Susunan Optimum Div Bersaiz Berubah-ubah dalam Bootstrap Tanpa Baris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!