Как выровнять по горизонтали элементы в колоночной верстке?
Здравствуйте
Я пытался выровнять элементы по горизонтали в соотвествии с размерами отступов колоночнной верстки с примерами 1112 212 и 1 в subheader. Все делал точно в соответсвии с видеоуроком,сохраняю но почему-то элементы 1112 212 и 1 выстраиваются плотно по вертикали в самом левом углу html-документа.Конечно,я проверял несколько раз теги,точки.слеши и.т.д но в итоге выровнять по оризонилаи не получается.У меня возникали проблемы при верстке с других уроков,я находил ошибки и все решалось.Как можно решить данную проблему,вынужден обратиться к вам.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap-reboot.min.css">
<link rel="stylesheet" href="css/bootstrap-grid.min.css">
<link rel="stylesheet" href="css/style.css">
</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="row">
<div class="col-md-4 offset-md-1">
1112
</div>
<div class="col-md-2 offset-md-2">
212
</div>
<div class="col-md-2">
1
</div>
</div>
</div>
</div>
</header>
</body>
</html>
