@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>
  • Вопрос задан
  • 2982 просмотра
Пригласить эксперта
Ответы на вопрос 1
thewind
@thewind
php программист, front / backend developer
Подсказка. Container отображается под хедером, потому что последний привязан к верху страницы и соотв. имеет нужный для этого стиль position. Найдите, какой класс для nav добавляет такое свойство и уберите его. Либо добавьте верхний отступ для контейнера. Сумеете?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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