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