Не применяется сетка к нав. меню
Написад верстку <nav> согласно видео. Но навигационное меню у меня растягивается на всю ширину экрана. Дайте совет плиз.
{;}
<!doctype html>
<html lang="ru">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/src/css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="/src/css/bootstrap-grid.min.css.map">
<link rel="stylesheet" href="/src/css/style.css">
<title>Bootstrap</title>
</head>
<body>
<header>
<nav>
<div class="container">
<ul class="menu">
<li class="menu_item"><a href="#" class="menu_link">Главная</a></li>
<li class="menu_item"><a href="#" class="menu_link">Со своим автомобилем</a></li>
<li class="menu_item"><a href="#" class="menu_link">На автомобиле компании</a></li>
<li class="menu_item"><a href="#" class="menu_link">Требования</a></li>
<li class="menu_item"><a href="#" class="menu_link">Контакты</a></li>
<li class="menu_item"><a href="#" class="menu_link">Оставить заявку</a></li>
</ul>
</div>
</nav>
<div class="subheader">
<div class="container">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
</div>
</header>
</body>
</html>
* {
font-family: 'Roboto', sans-serif;
}
nav {
height: 50px;
background-color: #212121;
}
.menu {
display: flex;
justify-content: space-between;
padding: 13px 70px;
margin: 0;
list-style-type: none;
}
.menu .menu_link {
color: #ffffff;
font-size: 15px;
font-weight: 300;
}
.menu .menu_item {
border-right: 2px dotted;
padding-right: 28px;
}
