in English

Ramri te

Element pakhat border leh border-radius chu rang taka style turin border utilities hmang ang che. Image, button, emaw element dang emaw atan a tha hle.

Ramri

Element pakhat border add emaw remove emaw nan border utilities hmang thin ang che. Ramri zawng zawng atang emaw, pakhat khat emaw thlang rawh.

Additive tih a ni

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

Subtractive a ni

<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>

Border rawng a awm

Kan theme colors a siam utilities hmangin border color hi thlak rawh.

<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>

Ramri-radius a ni

Element pakhatah awlsam taka a corner round theih nan class te dah belh rawh.

Example rounded image 75x75 Example top rounded image 75x75 Example right rounded image 75x75 Example bottom rounded image 75x75 Example left rounded image 75x75 Completely round image 75x75 Rounded pill image 150x75 Example non-rounded image (overrides rounding applied elsewhere) 75x75
<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="...">

Size hrang hrang

Border-radius lian zawk emaw, te zawk .rounded-lgemaw atan emaw hmang rawh ..rounded-sm

Example small rounded image 75x75 Example large rounded image 75x75
<img src="..." class="rounded-sm" alt="...">
<img src="..." class="rounded-lg" alt="...">