# Borders

###### Bootstrap borders are utility classes that allow you to quickly add, remove, or modify borders on elements with predefined styles, colors, and widths.

## Colorful borders

Use color profiles to the following border colors `,border-primary`, `.border-secondary`, `.border-success`, `.border-danger`, `.border-warning`, `.border-info`, `.border-light`, `.border-dark`, `.border-white`, `.border-transparent`, `.border-faded`

## Add Borders

Add border using `.border`, `.border-top`, `.border-end`, `.border-end`, `.border-bottom`, `.border-start`

## Border Opacity

Add border using `.border-opacity-75`, `.border-opacity-50`, `.border-opacity-25`, `.border-opacity-10`.

## Border Thickness

Border thickness using `border-1`, `border-2`, `border-3`, `border-4`, `border-5`.

## Rounded example

Round edges or control each corner using `.rounded`, `rounded-top`, `rounded-end`, `rounded-bottom`, `rounded-start`, `rounded-circle`, `rounded-0`, `.rounded-plus`, `.rounded-{sm,lg}`, `.rounded-pill`, `border-{top,bottom}-{left,right}-radius-0`
Control rounded depth using `rounded-1`, `rounded-2`, `rounded-3`, `rounded-4`, `rounded-5`
Mix and match rounded corners using `rounded-bottom-1`, `rounded-start-2`, `rounded-end-circle`, `rounded-start-pill`, `rounded-5 rounded-top-0`

## Remove borders

Subtract borders with `border-0`, `border-top-0`, `border-end-0`, `border-bottom-0`, `border-start-0`, `.border-transparent`

#### Hi Sunny,

how can I help you today?
Analyze my data

Create a new report

Summarize my Calendar

App Builder
Unlock limitless design potential with 16+ layout combinations and extensive customization options—tailor your dashboard to fit your exact needs.
Header position fixed
Navigation full height
Navigation position fixed
Navigation collapsed
Navigation Minified
Dark Navigation
Colorblind Mode
High Contrast Mode