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

መጠኖች

ተጠቀም .rounded-lgወይም .rounded-smለትልቅ ወይም ትንሽ የጠረፍ-ራዲየስ።

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