Bootstrap Center Navbar Items

by

You will need to modify some CSS rules for Navbar component. So add a class center to nav.navbar and the following rules:

.navbar.center .navbar-inner {
    text-align: center;
}

.navbar.center .navbar-inner .nav {
    display:inline-block;
    float: none;
}

Working demo (Bootstrap 3.3.7)

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. Change bootstrap navbar collapse breakpoint without using LESS
  4. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  5. Add Bootstrap Glyphicon to Input Box
  6. Twitter Bootstrap Form File Element Upload Button
  7. Bootstrap: how to stack divs of different heights?
  8. How to style icon color, size, and shadow of Font Awesome Icons
  9. Fixed sidebar navigation in fluid twitter bootstrap 2.0
  10. top nav bar blocking top content of the page
  11. Search input with an icon Bootstrap
  12. Twitter Bootstrap – add top space between rows
  13. How to align an image dead center with bootstrap
  14. Bootstrap dropdowns menus appearing behind other elements – IE7
  15. Bootstrap 3 modal vertical position center
  16. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  17. How to use the new affix plugin in twitter’s bootstrap 2.1.0?
  18. Bootstrap 3: pull-right for col-lg only
  19. Table column sizing
  20. Bootstrap Modal sitting behind backdrop
  21. How to create the masonry effects with just bootstrap 3 grid system and css
  22. How can I change the order of Bootstrap columns?
  23. Bootstrap 4 custom build generator / download [duplicate]
  24. Bootstrap change div order with pull-right, pull-left on 3 columns
  25. In a bootstrap responsive page how to center a div
  26. Bootstrap – Removing padding or margin when screen size is smaller
  27. Shrinking navigation bar when scrolling down (bootstrap3)
  28. Vertically align Bootstrap badge inside heading
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. How to change Bootstrap navbar collapse breakpoint

Leave a Comment