in English

Chegaralar

Elementning chegarasi va chegara radiusini tezda uslublash uchun chegara yordamchi dasturlardan foydalaning. Tasvirlar, tugmalar yoki boshqa elementlar uchun juda yaxshi.

Chegara

Element chegaralarini qo'shish yoki olib tashlash uchun chegara yordamchi dasturlaridan foydalaning. Barcha chegaralardan yoki bir vaqtning o'zida birini tanlang.

Qo'shimcha

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

Subtractiv

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

Chegara rangi

Mavzu ranglarimizga asoslangan yordam dasturlari yordamida chegara rangini o'zgartiring.

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

Chegara radiusi

Elementning burchaklarini osongina yumalash uchun unga sinflar qo'shing.

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

O'lchamlari

Kattaroq yoki kichikroq chegara radiusi uchun yoki .rounded-lgfoydalaning ..rounded-sm

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