perbatasan

Gunakan utilitas batas untuk mengatur gaya batas dan radius batas elemen dengan cepat. Bagus untuk gambar, tombol, atau elemen lainnya.

Berbatasan

Gunakan utilitas batas untuk menambah atau menghapus batas elemen. Pilih dari semua batas atau satu per satu.

Aditif

<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>

Subtraktif

<span class="border-0"></span>
<span class="border-top-0"></span>
<span class="border-right-0"></span>
<span class="border-bottom-0"></span>
<span class="border-left-0"></span>

Warna perbatasan

Ubah warna batas menggunakan utilitas yang dibangun di atas warna tema kami.

<span class="border border-primary"></span>
<span class="border border-secondary"></span>
<span class="border border-success"></span>
<span class="border border-danger"></span>
<span class="border border-warning"></span>
<span class="border border-info"></span>
<span class="border border-light"></span>
<span class="border border-dark"></span>
<span class="border border-white"></span>

Batas-radius

Tambahkan kelas ke elemen untuk dengan mudah membulatkan sudutnya.

<img src="..." class="rounded" alt="...">
<img src="..." class="rounded-top" alt="...">
<img src="..." class="rounded-right" alt="...">
<img src="..." class="rounded-bottom" alt="...">
<img src="..." class="rounded-left" alt="...">
<img src="..." class="rounded-circle" alt="...">
<img src="..." class="rounded-pill" alt="...">
<img src="..." class="rounded-0" alt="...">

ukuran

Gunakan .rounded-lgatau .rounded-smuntuk radius batas yang lebih besar atau lebih kecil.

<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">