This post is also available in:
English
Bootstrap adalah kerangka kerja CSS yang digunakan untuk merancang dan menyesuaikan situs yang responsif dan mengutamakan seluler.
Di Bootstrap 4, menyelaraskan elemen ke kanan dapat dicapai dengan menggunakan salah satu kelas berikut:
Menambahkan kelas float-right
Kelas .float-right di Bootstrap menggunakan properti float CSS untuk menempatkan elemen di sebelah kanan. Perhatikan bahwa wadah Bootstrap 4 adalah Flexbox yang dapat mencegah properti float bekerja.
<p class="float-right">This text is on the right</p>
Menggunakan kelas justify-content-end
Kelas .justify-content-end digunakan pada wadah Flexbox untuk menyelaraskan semua item pada sumbu utama ke kanan. Selalu ingat bahwa wadah yang menggunakan kelas ini harus memiliki properti tampilan yang disetel ke fleksibel. Ini adalah kelas .d-flex di Bootstrap 4.
<div class="justify-content-end">I am using justify-content-end</div>
Menambahkan kelas align-items-right
Kelas .align-items-end digunakan pada wadah Flexbox untuk menyelaraskan semua item di sepanjang sumbu silangnya (yaitu, secara vertikal) ke kanan. Kelas .d-flex diperlukan di sini, dan arah fleksibel wadah induk harus disetel ke kolom.
<div class="align-items-end">
<div>Item 1</div>
<div>Item 2</div>
</div>
Menggunakan .align-self-end class
.align-self-end digunakan untuk menyelaraskan satu item dalam Flexbox ke kanan.
<div class="d-flex">
<div>Item 1</div>
<div class="align-self-end">Item 2</div>
<div>Item 3</div>
</div>
Menggunakan kelas teks-kanan
text-right menyelaraskan teks ke kanan pada semua ukuran viewport. Ini sebagian besar digunakan pada elemen sebaris.
<p class="text-right">This text is aligned to the right.</p>