సరిహద్దులు

మూలకం యొక్క సరిహద్దు మరియు సరిహద్దు-వ్యాసార్థాన్ని త్వరగా స్టైల్ చేయడానికి సరిహద్దు వినియోగాలను ఉపయోగించండి. ఇమేజ్‌లు, బటన్‌లు లేదా ఏదైనా ఇతర ఎలిమెంట్‌ల కోసం చాలా బాగుంది.

సరిహద్దు

మూలకం యొక్క సరిహద్దులను జోడించడానికి లేదా తీసివేయడానికి సరిహద్దు వినియోగాలను ఉపయోగించండి. అన్ని సరిహద్దుల నుండి లేదా ఒక సమయంలో ఒకటి ఎంచుకోండి.

సంకలితం

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