Задать вопрос
StupidNick
@StupidNick
html

Bootstrap: Как убрать отступ сверху?

Сделал два меню - появились отступы. Проврил - отступы из-за
  • . Сделал margin и padding 0, но не помогло. Что делать?
    b8acb399a49b4814849380fd080e8765.JPG
    Код:
<body>

	<header class="header">
		<div class="header_menu">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-4">
						<div class="left_menu">
							<nav>
								<ul class="nav clearfix">
									<li><a href="#">Главная</a></li>
									<li><a href="#">Услуги и цены</a></li>
									<li><a href="#">О нас</a></li>
								</ul>
							</nav>
						</div>
					</div>
					<div class="col-md-4">
						<div class="logo"></div>
					</div>
					<div class="col-md-4">
						<div class="right_menu">
							<nav>
								<ul class="nav clearfix">
									<li><a href="#">Вакансии</a></li>
									<li><a href="#">Отзывы</a></li>
									<li><a href="#">Контакты</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
</body>

body {
	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;
}

.left_menu{
	background: red;
	height: 50px;
}

.logo{
	background: blue;
	height: 50px;
}

.right_menu{
	background: purple;
	height: 50px;
}

.nav li {
	display:inline-block;
}

.nav li a {
	padding: 10px 15px;
	color: #fff;
	text-decoration:none;
}
  • Вопрос задан
  • 1062 просмотра
1 комментарий
Подписаться 1 Оценить 1 комментарий
Пригласить эксперта
Ответы на вопрос 1
miha872287
@miha872287
Вот так можно убрать
<body>

  <header class="header">
    <div class="header_menu">
      <div class="container-fluid">
        <div class="row">
          <div class="col-md-4">
            <div class="left_menu">
              <nav>
                <ul class="nav clearfix">
                  <li><a href="#">Главная</a></li>
                  <li><a href="#">Услуги и цены</a></li>
                  <li><a href="#">О нас</a></li>
                </ul>
              </nav>
            </div>
          </div>
          <div class="col-md-4">
            <div class="logo"></div>
          </div>
          <div class="col-md-4">
            <div class="right_menu">
             <nav>
                <ul class="nav clearfix">
                  <li><a href="#">Вакансии</a></li>
                  <li><a href="#">Отзывы</a></li>
                  <li><a href="#">Контакты</a></li>
                </ul>
             </nav>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
</body>

body {
  font-family: "RobotoRegular", sans-serif;
  font-size: 16px;
}

.left_menu{
  background: red;
  height: 50px;
}

.logo{
  background: blue;
  height: 50px;
}

.right_menu{
  background: purple;
  height: 50px;
}
.clearfix{
  margin-top: 0px;
}

.nav li {
  display:inline-block;
}

.nav li a {
  padding: 10px 15px;
  color: #fff;
  text-decoration:none;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Контент-менеджер в международный AI-стартап (англ. язык)
26 нояб. 2024, в 13:37
50000 руб./за проект
Необходимо разработать техническое задание для мобильного ПО
26 нояб. 2024, в 13:22
20000 руб./за проект
Разработать Android приложение
26 нояб. 2024, в 13:20
300000 руб./за проект
Ещё заказы