Daniil-G

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