Почему контейнер внутри панели навигации имеет ограниченную ширину вместо заполнения всей ширины? - PullRequest
Новая
       54

Почему контейнер внутри панели навигации имеет ограниченную ширину вместо заполнения всей ширины?

0 голосов
/ 18 января 2020

Я пытаюсь создать навигационную панель с 100% width на моем веб-сайте, но мне нужен тег ul внутри моего тега div, чтобы заполнить весь width. 

<nav class="navbar navbar-dark navbar-expand ">
    <div class="container-fluid">
        <ul class="navbar-nav">
            <li class="navbar-item col-5">Nav 1</li>
            <li class="navbar-item col-3">Nav 2</li>
            <li class="navbar-item col-3">Nav 3</li>
        </ul>
    </div>
</nav>

1 Ответ

0 голосов
/ 18 января 2020

Вы должны определить свой контейнер вне вашей навигации: 

<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="container-fluid">
  <nav class="navbar navbar-dark navbar-expand ">
    <ul class="navbar-nav" style="background: red; width: 100%">
        <li class="navbar-item col-5">Nav 1</li>
        <li class="navbar-item col-3">Nav 2</li>
        <li class="navbar-item col-3">Nav 3</li>
    </ul>
  </nav>
</div>
...