Borders

Use border utilities to add or remove an element’s borders.

Bootstrap provides powerful, pre-built components and utilities.

Example

<span class="border p-2">Border</span>
<span class="border-top p-2">Border top</span>
<span class="border-end p-2">Border end</span>
<span class="border-bottom p-2">Border bottom</span>
<span class="border-start p-2">Border start</span>
<span class="border border-primary p-2">Primary border</span>
<span class="border rounded p-2">Rounded corners</span>

Experiment with the code above in the Playground!