Core Code
Core Code Modern Dev Handbook

Border Colors

Change border color using contextual border color classes.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

<div class="container py-5">

<div class="border border-primary p-3 mb-2">Primary border</div>
<div class="border border-success p-3 mb-2">Success border</div>
<div class="border border-danger p-3">Danger border</div>

</div>

</body>
</html>

More BS5 Borders & Shadows Examples (7)

example Basic Border open example example Border Sides open example example Rounded Corners open example example Rounded Circle open example example Basic Shadow open example example Shadow Levels open example example Card with Border and Shadow open example