Rumah > Artikel > hujung hadapan web > Bagaimanakah Bootstrap Meningkatkan Responsif dengan Kelas Keterlihatan?
Dalam bidang reka bentuk web responsif, Bootstrap berdiri sebagai penyedia penyelesaian yang teguh. Apabila ia datang untuk memekatkan item bar menu untuk skrin yang lebih kecil, Bootstrap cemerlang. Namun, bagaimana pula dengan elemen pada halaman lain yang boleh menyebabkan isu pada peranti mudah alih?
Untuk menangani kebimbangan sedemikian, Bootstrap memperkenalkan pelbagai kelas yang boleh dilihat yang memperkasakan pembangun dengan kawalan berbutir ke atas keterlihatan elemen berdasarkan saiz skrin. Kelas ini membolehkan penyembunyian dan pendedahan elemen yang fleksibel menggunakan tugasan kelas yang mudah.
Bermula dengan Bootstrap versi 3.2.0, kelas yang boleh dilihat berikut ialah diperkenalkan:
Kelas ini menyediakan kawalan terperinci ke atas paparan elemen, membenarkan pembangun menogol keterlihatan pada titik putus skrin tertentu.
Bootstrap 4 mengambil langkah lebih responsif dengan memperkenalkan dua jenis kelas keterlihatan baharu:
Untuk peranti dengan lebar skrin melebihi 1200px, Bootstrap 4 memperkenalkan titik putus paparan baharu yang dikenali sebagai XL
. Pembangun boleh menggunakan kelas keterlihatan yang sepadan (.visible-xl-block, .hidden-xl) untuk memenuhi peranti ini.Atas ialah kandungan terperinci Bagaimanakah Bootstrap Meningkatkan Responsif dengan Kelas Keterlihatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!