അതിർത്തികൾ

ഒരു മൂലകത്തിന്റെ ബോർഡറും ബോർഡർ റേഡിയസും വേഗത്തിൽ ശൈലിയാക്കാൻ ബോർഡർ യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക. ചിത്രങ്ങൾ, ബട്ടണുകൾ അല്ലെങ്കിൽ മറ്റേതെങ്കിലും ഘടകങ്ങൾക്ക് മികച്ചതാണ്.

അതിർത്തി

ഒരു ഘടകത്തിന്റെ ബോർഡറുകൾ ചേർക്കുന്നതിനോ നീക്കം ചെയ്യുന്നതിനോ ബോർഡർ യൂട്ടിലിറ്റികൾ ഉപയോഗിക്കുക. എല്ലാ ബോർഡറുകളിൽ നിന്നും അല്ലെങ്കിൽ ഒരു സമയം തിരഞ്ഞെടുക്കുക.

കൂട്ടിച്ചേർക്കൽ

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

ബോർഡർ-റേഡിയസ്

ഒരു ഘടകത്തിന്റെ മൂലകൾ എളുപ്പത്തിൽ റൗണ്ട് ചെയ്യാൻ ക്ലാസുകൾ ചേർക്കുക.

<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

<img src="..." alt="..." class="rounded-sm">
<img src="..." alt="..." class="rounded-lg">