Source

Borders

Karûbarên sînor bikar bînin da ku bi lez li ser sînor û tîrêj-radyoya hêmanek şêwaz bikin. Ji bo wêne, bişkok, an hêmanek din mezin e.

Hidûd

Karûbarên sînor bikar bînin ku sînorên hêmanek zêde bikin an jêbirin. Ji hemî sînoran an yek di demekê de hilbijêrin.

Tiştênbiserre

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

Rengê sînor

Bi karanîna karûbarên ku li ser rengên mijara me hatine çêkirin, rengê sînor biguhezînin.

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

Sînor-radyus

Dersan li hêmanekê zêde bikin da ku bi hêsanî quncikên wê dorpêç bikin.

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

Sizes

Bikaranîn .rounded-lgan .rounded-smji bo sînorê-radius mezintir an biçûk.

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