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
Lepaskan: 2024-12-26 10:24:11
asal
889 orang telah melayarinya

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>
Salin selepas log masuk

Penjajaran teks berfungsi dengan baik:
[Imej Penjajaran Teks]

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

 <div>
Salin selepas log masuk

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 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan