@Daniil-G

Слетает вниз блок на bootstrap?

Здравствуйте. Есть 2 проблемы. Прошу помощи кому не сложно разобраться с вёрсткой.

1. Слетает блок вниз.
2.После футера остается отступ снизу.

Файл с вёрсткой по ссылке:
https://yadi.sk/d/XIt8mMZt36mneA
  • Вопрос задан
  • 321 просмотр
Решения вопроса 1
akirpach
@akirpach
Верстальщик
1. Слетает блок вниз.
<div class="col-sm-6"></div>
<div class="col-sm-6"></div>
Структура такая должна быть. Без каких либо оберток этих блоков

2.После футера остается отступ снизу.
Выпадающее меню в футере и сам футер
@media (min-width: 992px)
.dropdown .dropdown-menu {
    display: none;
}
.navbar.navbar-danger {
    margin-bottom: 0;
}

Выпадающее меню
<li class="dropdown">
	<a href="#" data-toggle="dropdown">Download <b class="caret"></b></a>
	<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
	   <li><a href="#">Пункт 1</a></li>
	</ul>
</li>

Подключить библиотеку бустрап
<script src="assets/js/bootstrap.min.js"></script>
Дописать стили
.open.dropdown .dropdown-menu {
		display: block;
	}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@osmolka
По вопросу 2) могу посоветовать выставить
html, body {
	height: 100%;
}

navbar-danger обернуть в section, для него выставить padding. Больше идей, к сожалению, нет.
Ответ написан
Комментировать
UDAV99
@UDAV99
web программист, верстальщик
Сами задали вопрос и на него ответили)))
Слетает вниз блок на bootstrap?

1. Слетает блок вниз.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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