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