Flies down block on bootstrap?

Question

css

Hello. There are 2 problems. I ask for help to someone who is not difficult to deal with the layout.
1. The block flies down.
2.After the footer, there is an indent from the bottom.
Layout file by the link:
https://yadi.sk/d/XIt8mMZt36mneA

Answer 1

1. The block flies down.

<div class="col-sm-6"></div>
<div class="col-sm-6"></div>
Структура такая должна быть. Без каких либо оберток этих блоков

2.After the footer, there is an indent from the bottom.
Dropdown menu in the footer and the footer itself

@media (min-width: 992px)
.dropdown .dropdown-menu {
    display: none;
}
.navbar.navbar-danger {
    margin-bottom: 0;
}

Drop-down menu

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

Connect the bootstrap library
Add styles

.open.dropdown .dropdown-menu {
    display: block;
  }

Answer 2

On question 2) I can advise you to put

html, body {
  height: 100%;
}

wrap navbar-danger in section, set padding for it. More ideas, unfortunately, no.

Answer 3

Asked a question and answered it

1. The block flies down.