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
793 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!

sumber:php.cn
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