in English

Serhetler

Bir elementiň serhet we araçäk radiusyny çalt düzmek üçin serhet enjamlaryny ulanyň. Suratlar, düwmeler ýa-da başga elementler üçin ajaýyp.

Serhet

Bir elementiň araçäklerini goşmak ýa-da aýyrmak üçin serhet hyzmatlaryny ulanyň. Bordershli serhetlerden ýa-da bir gezek saýlaň.

Goşundy

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

Aýyrmak

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

Serhet reňki

Tema reňklerimizde gurlan kömekçi enjamlary ulanyp, serhet reňkini üýtgediň.

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

Serhet radiusy

Burçlaryny aňsatlyk bilen tegeleklemek üçin bir elemente sapak goşuň.

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

Ölçegler

.rounded-lgUly ýa .rounded-sm-da kiçi serhet radiusyny ulanyň .

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