Почему строка не занимает всю ширину контейнера
Проект Angular Пробую в элементе Navbar Bootstrap-5 разместить другие элементы.
<nav class="navbar navbar-dark bg-light">
<div class="container-fluid border">
<div class="row border">
<div class="col-2">
col-1
</div>
<div class="col-8">
col-2
</div>
<div class="col-2">
col-3
</div>
</div>
</div>
</nav>
На рисунке видно, что контенер занимет всю ширину экрана, а строка в этом контенере всего-лишь небольшую часть. Почему строка не занимает всю ширину контенера, как это показано в примерах Bootstrap?