อัปเดต 2019 - Bootstrap 4.0.0
pull-right
ชั้นอยู่ในขณะนี้float-right
ใน Bootstrap 4 ...
<div class="row">
<div class="col-12">One <input type="button" class="btn float-right" value="test"></div>
<div class="col-12">Two <input type="button" class="btn float-right" value="test"></div>
</div>
http://www.codeply.com/go/nTobetXAwb
นอกจากนี้ยังเป็นการดีกว่าหากไม่จัดแนวรายการ ul และใช้องค์ประกอบบล็อกสำหรับแถว
คือfloat-right
ยังไม่ทำงาน?
โปรดจำไว้ว่าBootstrap 4 เป็น flexbox ในขณะนี้และองค์ประกอบหลายอย่างdisplay:flex
ที่สามารถป้องกันการลอยได้ทันทีจากการทำงาน ในบางกรณีคลาส util เช่นalign-self-end
หรือml-auto
ทำงานเพื่อจัดตำแหน่งองค์ประกอบที่อยู่ภายในคอนเทนเนอร์ flexbox เช่น Bootstrap 4 .row, Card หรือ Nav
ยังจำได้ว่าtext-right
ยังคงทำงานกับองค์ประกอบแบบอินไลน์
Bootstrap 4 จัดเรียงตัวอย่างที่ถูกต้อง
Bootstrap 3
ใช้pull-right
คลาส