How to push the footer to the bottom of the page in bootstrap 3 using standard bootstrap tools?

Question

css

Good evening friends! It is required to press the footer to the bottom in such a way that when there is content, it does not go to the content, and in the absence it is pressed to the bottom of the browser. I know how to do it by normal means. Here is the link to the siteon which a similar footer is implemented (to see the work - delete the content in the element inspector). Is there a similar feature in bootstrap-3 that would be implemented "beautifully", i.e. without extra empty divs, without content wrappers, etc.? If yes - I will be grateful for the information, if not - tell me a way to implement this with minimal losses for the structure. In the site above, to implement the footer, the content is wrapped in a wrapper, followed by an empty div with properties, and the wrapper of the footer itself. Also applied to the body and html properties height: 100%. This option seems to me not the best solution (if I'm wrong, please correct me). Here is the site where I want to implement it.

Answer 1

Add this code to your styles:

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Тут укажи высоту футера */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Тут укажи высоту футера */
  height: 60px;
  background-color: #f5f5f5;
}

See example .