in English

Sienos

Naudokite kraštinės priemones, kad greitai sukurtumėte elemento kraštinės ir kraštinės spindulį. Puikiai tinka vaizdams, mygtukams ar kitiems elementams.

Sienos

Norėdami pridėti arba pašalinti elemento kraštines, naudokite kraštinių programas. Pasirinkite iš visų kraštinių arba po vieną.

Priedas

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

Atimtis

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

Krašto spalva

Pakeiskite kraštinės spalvą naudodami pagalbines priemones, sukurtas pagal mūsų temos spalvas.

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

Sienos spindulys

Pridėkite klasių prie elemento, kad lengvai suapvalintumėte jo kampus.

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

Dydžiai

Naudokite .rounded-lgarba .rounded-smdidesniam ar mažesniam kraštinės spinduliui.

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