Source

Граніцы

Выкарыстоўвайце ўтыліты рамкі, каб хутка стылізаваць рамку і радыус мяжы элемента. Выдатна падыходзіць для малюнкаў, кнопак або любога іншага элемента.

Граніца

Каб дадаць або выдаліць межы элемента, выкарыстоўвайце ўтыліты для рамак. Выбірайце з усіх межаў або па адной.

Дабаўка

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

Памеры

Выкарыстоўвайце .rounded-lgабо .rounded-smдля большага або меншага радыусу мяжы.

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