Source

Mga utlanan

Gamita ang mga gamit sa utlanan aron dali nga i-istilo ang utlanan ug border-radius sa usa ka elemento. Maayo alang sa mga imahe, butones, o bisan unsang ubang elemento.

Border

Gamita ang mga gamit sa utlanan sa pagdugang o pagtangtang sa mga utlanan sa usa ka elemento. Pagpili gikan sa tanan nga mga utlanan o usa sa usa ka higayon.

Makadugang

<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

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

Kolor sa utlanan

Usba ang kolor sa utlanan gamit ang mga utilities nga gitukod sa among mga kolor sa tema.

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

Border-radius

Idugang ang mga klase sa usa ka elemento aron dali nga malibot ang mga kanto niini.

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="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">
<img src="..." alt="..." class="rounded-right">
<img src="..." alt="..." class="rounded-bottom">
<img src="..." alt="..." class="rounded-left">
<img src="..." alt="..." class="rounded-circle">
<img src="..." alt="..." class="rounded-pill">
<img src="..." alt="..." class="rounded-0">

Mga gidak-on

Paggamit .rounded-lgo .rounded-smalang sa mas dako o gamay nga border-radius.

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