Задать вопрос
@sacrancy

Container позиционируется под header в Bootstrap. Как исправить?

Столкнулся с проблемой при вёрстке. Сделал фиксированный header, после него создаю container-fluid, но появляется он не ниже header'а, а в самом верху, то есть под ним. Такая же проблема с обычным фиксированным div. В вёрстке новичок и не могу найти ответа, как сделать обтекание, что бы элемент появлялся ниже фиксированного header'а. Буду благодарен за помощь.

Код:
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			<div class="container">
				<!-- DROPDOWN BEGIN -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-toggle"></span>
						<span class="icon-toggle"></span>
						<span class="icon-toggle"></span>
					</button>
					<a href="#" class="navbar-brand">Brand</a>
				</div>
				<!-- DROPDOWN END -->
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li class="active"><a href="#">0</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2счёта</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
					</ul>
				</div>
			</div>
		</nav>
                <div class="container-fluid">  <!-- С этим блоком начинаются проблемы в позиционировании -->
			<div class="row">
				<div class="col-lg-12 bilboard-background">
					<h2>test</h2>
				</div>
			</div>
		</div>
  • Вопрос задан
  • 2986 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
thewind
@thewind
php программист, front / backend developer
Подсказка. Container отображается под хедером, потому что последний привязан к верху страницы и соотв. имеет нужный для этого стиль position. Найдите, какой класс для nav добавляет такое свойство и уберите его. Либо добавьте верхний отступ для контейнера. Сумеете?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы