Rumah >hujung hadapan web >tutorial css >Mengapa col-xs-* Tidak Berfungsi dalam Bootstrap 4?

Mengapa col-xs-* Tidak Berfungsi dalam Bootstrap 4?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-26 10:24:11786semak imbas

Why Doesn't col-xs-* Work in Bootstrap 4?

col-xs-* tidak berfungsi dalam Bootstrap 4

Anda mungkin menghadapi ini apabila cuba mengubah saiz lajur dalam Bootstrap Problem, di mana col -xs-* kelas nampaknya tidak berfungsi. Apabila anda menetapkan lajur kepada saiz sederhana:

<h1>

Penjajaran teks berfungsi dengan baik:
[Imej Penjajaran Teks]

Walau bagaimanapun, apabila anda menetapkan lajur kepada lebih kecil (tambahan kecil):

 <div>

Penjajaran teks tidak lagi berfungsi:
[Imej ralat penjajaran teks]

Punca ini tidak berfungsi kerana penamatan dalam Bootstrap 4 col-xs- * kelas. Anda perlu menggunakan kelas col-* untuk menentukan dimensi lajur. Contohnya, gantikan col-xs-12 dengan col-12.

Selain itu, sila ambil perhatian bahawa col-xs-offset-{n} juga digantikan dengan offset-{n} dalam v4.

Atas ialah kandungan terperinci Mengapa col-xs-* Tidak Berfungsi dalam Bootstrap 4?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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