सीमानाहरू

एक तत्वको किनारा र किनारा-त्रिज्यालाई द्रुत रूपमा शैली बनाउन सीमा उपयोगिताहरू प्रयोग गर्नुहोस्। छविहरू, बटनहरू, वा कुनै अन्य तत्वहरूको लागि उत्कृष्ट।

सीमा

एक तत्वको किनाराहरू थप्न वा हटाउन सीमा उपयोगिताहरू प्रयोग गर्नुहोस्। सबै सीमानाहरूबाट वा एक पटकमा एक छान्नुहोस्।

additive

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

आकारहरू

प्रयोग गर्नुहोस् .rounded-lgवा .rounded-smठूलो वा सानो किनारा-त्रिज्याका लागि।

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