Devdit
 

Bootstrap text-left และ text-right ไม่ทำงาน

0.9K

อัพเดท Bootstrap Framework มาใช้เวอร์ชัน 5 พบปัญหาคือ คำสั่ง text-left และ text-right ไม่ทำงาน ก่อนหน้านี้ทั้ง 2 คำสั่งทำงานได้ตามปกติ ส่วน text-center ยังทำงานได้ อยากทราบวิธีแก้ไขปัญหา โค้ดบางส่วนตามด้านล่าง

<div>
<p class="text-left">AAA</p>
<p class="text-center">BBB</p>
<p class="text-right">CCC</p>
</div>

 

วิธีแก้ไข

ปัญหานี้เกิดจาก Bootstrap Framework เวอร์ชัน 5 ลบคำสั่ง text-left และ text-right ออกไปแล้ว แนะนำให้ใช้คำสั่ง text-start และ text-end แทนซึ่งเป็นคำสั่งที่มาแทนที่ 2 คำสั่งดังกล่าว สามารถเรียกใช้คำสั่งได้ดังนี้

<div>
<p class="text-start">AAA</p>
<p class="text-center">BBB</p>
<p class="text-end">CCC</p>
</div>
แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ