테두리 Borders

테두리 유틸리티를 사용하여 요소의 테두리 및 테두리 반경의 스타일을 빠르게 지정합니다. 이미지, 버튼 또는 기타 요소에 적합합니다.

테두리

모든 테두리 또는 일부 테두리를 제거하려면 요소에 아래의 클래스를 추가 하십시오.

<span class="border"></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 Example top rounded image Example right rounded image Example bottom rounded image Example left rounded image Completely round image Example non-rounded image (overrides rounding applied elsewhere)
<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-0">