Border

Goodkit Exclusive

Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

Bootstrap Documentation

Sizing

Responsive border utilities with border width ranging from 0 to 7.

<div class="border-0"></div>
<div class="border-0 border-md-1"></div>
<div class="border-top-2 border-top-lg-5"></div>

Colors

Additional border color utilities.

<div class="border border-transparent"></div>
<div class="border border-white-5"></div>
<div class="border border-white-10"></div>
<div class="border border-white-20"></div>
<div class="border border-gray-300"></div>
<div class="border border-gray-900"></div>
<div class="border-multicolor"></div>

Border radius

Additional border radius utilities.

<div class="border rounded-top-start"></div>
<div class="border rounded-top-end"></div>
<div class="border rounded-top-start-1"></div>
<div class="border rounded-top-end-1"></div>
<div class="border rounded rounded-top-end-0"></div>