Mengapa Teks Saya Tidak Berpusat dalam Lajur Bootstrap 4?

Isu Penjajaran Teks dengan col-xs-* dalam Bootstrap 4

Apabila cuba menjajarkan teks ke tengah lajur dalam Bootstrap 4 menggunakan col-xs-12, penjajaran gagal. Tingkah laku ini berbeza daripada versi Bootstrap yang terdahulu.

Penjelasan

Dalam Bootstrap 4, kelas col-xs-* telah ditamatkan dan memihak kepada col-*. Untuk mencapai kesan yang sama seperti col-xs-12, gunakan col-12 sebaliknya.

Penyelesaian

Gantikan baris berikut:

<div class="col-xs-12 text-center">
<p>dengan:</p>
<pre class="brush:php;toolbar:false"><div class="col-12 text-center">
<p><strong>Tambahan Nota</strong></p>
<ul>
<li>Kelas col-xs-offset-{n} juga telah digantikan dengan offset-{n} dalam Bootstrap 4.</li>
<li>Pastikan CSS dan Fail JavaScript untuk Bootstrap 4 disertakan dalam kod anda.</li>
</ul>
</div>