in English

Чикләр

Элементның чик һәм радиусын тиз стильләштерү өчен чик коммуналь хезмәтләрен кулланыгыз. Рәсемнәр, төймәләр яки бүтән элементлар өчен бик яхшы.

Чик

Элементның чикләрен өстәү яки бетерү өчен чик челтәрләрен кулланыгыз. Барлык чикләрдән яки берьюлы сайлагыз.

Кушымчалы

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

Субрактив

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

Чик төсе

Безнең тема төсләренә корылган инженер ярдәмендә чик төсен үзгәртегез.

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

Чик-радиус

Аның почмакларын җиңел әйләндерү өчен элементка дәресләр өстәгез.

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

Зурлыклар

.rounded-lgЗуррак яки .rounded-smкечерәк чик радиусын кулланыгыз .

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