Я пытаюсь использовать BOOTSTRAP 4 navbar
и вижу на веб-странице следующие результаты.
![enter image description here](https://i.stack.imgur.com/FnGlv.png)
То, что я на самом деле хочу, этониже:
![enter image description here](https://i.stack.imgur.com/oelsv.png)
Я использую следующий код:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<div class="pos-f-t">
<div class="collapse" id="navbarToggleExternalContent">
<div class="bg-dark p-4">
<h4 class="text-white">Collapsed content</h4>
<span class="text-muted">Toggleable via the navbar brand.</span>
</div>
</div>
<nav class="navbar navbar-dark bg-dark">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="\">
<h5 class="text-white">
<i class="fab fa-expeditedssl"></i>   CVT</h4>
</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="\">HOME
<i class="fas fa-home"></i>
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="\search">SEARCH
<i class="fas fa-search"></i>
</a>
</li>
</ul>
<button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
</div>
Я пытался встроить элементы списка, используя класс list-inline
, но ничего не работает.Можете ли вы помочь?Спасибо.