How can I add these two lines using Bootstrap? I’m trying to make a header like this . A TITLE having two blank borders in both sides in top and bottom. Is it possible to make with Bootstrap? I’m a noob lol.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<div class="row">
<hr class="bg-danger border-2 border-top border-danger">
<div class="h1">HEADER</div>
<hr class="bg-danger border-2 border-bottom border-danger">
</div>
>Solution :
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<div class="row">
<span class="col border-top border-5 border-dark"></span>
<h1 class="col-2 text-center">HEADER</h1>
<span class="col border-bottom border-5 border-dark"></span>
</div>