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;
}