Flushing footer to bottom of the page, twitter bootstrap

by

This is now included with Bootstrap 2.2.1.

Bootstrap 3.x

Use the navbar component and add .navbar-fixed-bottom class: 

<div class="navbar navbar-fixed-bottom"></div>

Bootstrap 4.x

<div class="navbar fixed-bottom"></div>

Don’t forget to add body { padding-bottom: 70px; } or otherwise the page content may be covered.

Docs: http://getbootstrap.com/components/#navbar-fixed-bottom

More Related Contents:

  1. Why I can see Less instead of CSS in a browser [closed]
  2. Bootstrap align navbar items to the right
  3. How to use HTML to print header and footer on every printed page of a document?
  4. Change navbar color in Twitter Bootstrap
  5. Change bootstrap navbar collapse breakpoint without using LESS
  6. Make div stay at bottom of page’s content all the time even when there are scrollbars
  7. Bootstrap 4 navbar with 2 rows
  8. Bootstrap 3 Navbar with Logo
  9. Twitter Bootstrap Form File Element Upload Button
  10. Bootstrap: how to stack divs of different heights?
  11. How to style icon color, size, and shadow of Font Awesome Icons
  12. How to make a footer fixed in the page bottom
  13. Fixed sidebar navigation in fluid twitter bootstrap 2.0
  14. top nav bar blocking top content of the page
  15. How to align an image dead center with bootstrap
  16. bootstrap 3 responsive table with fixed first column
  17. Bootstrap 3 modal vertical position center
  18. Bootstrap: align input with button
  19. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  20. Problem with CSS Sticky Footer implementation
  21. Bootstrap 3: pull-right for col-lg only
  22. Table column sizing
  23. Bootstrap Modal sitting behind backdrop
  24. Bootstrap change div order with pull-right, pull-left on 3 columns
  25. Bootstrap Responsive Text Size [duplicate]
  26. css to make bootstrap navbar transparent
  27. How do I make card-columns order horizontally?
  28. Scope Bootstrap Css in Vue
  29. Bootstrap Grid System new line does not look nice
  30. Styling the arrow on bootstrap tooltips [duplicate]

Leave a Comment