1
I need to make a navbar that receives two Banks, one next to the other
<nav class="navbar navbar-light navbar-expand-lg">
<div class="col-md-3 navbar-nav">
<a class="navbar-brand" href="#">
<img src="/assets/img/logo1.png" class="img-fluid">
</a>
</div>
<div class="col-md-3 navbar-nav">
<a class="navbar-brand" href="#">
<img src="/assets/img/logo2.png" class="img-fluid">
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#tools" aria-controls="menu" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="tools">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link text-dark" href="#"><i class="fas fa-desktop text-center"><br><span class="text-center lead">Monitoramento</span></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#"><i class="far fa-comments text-center"><br><span class="text-center lead">Fórum</span></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#"><i class="far fa-envelope text-center"><br><span class="text-center lead">Contato</span></i></a>
</li>
</ul>
</div>
</nav>
These logos can’t get too small, so when you get to the mobile version, you need to have a line break by getting one right up and one down. As in the example below
The problem is that I need the toggle button to be right, in my code when it breaks to the mobile version the toggle button is going to the bottom line. Another problem is that in the tablet version the second Brand is getting centralized, I would like you to stand next to each other.
