Skip to content

Borders & rounding

Walkthrough · All levels

Use border utilities for rounding, borders, and subtle separators in your UI.

Borders are great for subtle separation, emphasis, and shape. Borders & rounding are shared across many Bootstrap components, so you can apply them consistently.

Cards are a good way to review shared Border and rounding utilities, since they often need subtle separation and shape. The card is selected so Border utilities are visible in Properties.

Use the Border group to toggle borders and choose rounding/radius. Pair this with color and spacing to quickly style components.

tip: This maps to Bootstrap classes like border, border-0, rounded-*, and border-*-subtle.

Next, learn responsive display and flex item utilities.