Hello, I have a top bar that is below the navbar to which I am trying to put a breadcrumb so that the address of where the user is located can be displayed, but I also have a button at the end of the same bar, the problem is that the breadcrumb is on top of me and I don't know how to center it at the same level as the button, I attach images of the code and the problem, thanks.
Code
<div class="container">
<div class="row align-items-end">
<div class="col">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Pruebas</li>
</ol>
</nav>
</div>
<div class="col text-end">
<button class="btn btn-link text-muted text-decoration-none nav-toggle" href="#collapse1" onclick="controllerModal.onNew()">Agregar</button>
</div>
</div>
</div>
The easy solution (although I don't know if it will work everywhere) is to add the top margin to the breadcrumb column directly, using the mt-2 case
Example: