0

I have a little problem with the bootstrap I would like to add a footer to my site I want it to be all at the bottom of the page

My code :

<footer class="footer navbar-fixed-bottom">
   <h4>Developped By Dev-Sofiane</h4>
</footer>

I need this :

enter image description here

Minal Chauhan
  • 6,025
  • 8
  • 21
  • 41
SnK
  • 1
  • 1
  • What is the problem exactly? – Daweed Apr 16 '21 at 10:38
  • Does this answer your question? [Flushing footer to bottom of the page, twitter bootstrap](https://stackoverflow.com/questions/10099422/flushing-footer-to-bottom-of-the-page-twitter-bootstrap) – msalla Apr 16 '21 at 11:01

2 Answers2

0

It seems that you have a very less content on the page. If you still want your footer to the bottom, give the content section a min-height: 100vh like below snippet.

Thanks me later.

* {
  box-sizing: border-box;
}
.content {
  min-height: 100vh;
}
footer {
  width: 100%;
  padding: 20px;
  text-align: center;
  background: green;
  color: #fff
}
<div class="content"></div>
<footer class="footer1">Footer 1</footer>
Mohd Salman
  • 444
  • 2
  • 9
0

you can set in css the footer to position fixed, and if you then set the bottom to 0 the footer should be at the bottom.

Marijn Boeve
  • 38
  • 1
  • 7