Bootstrap 3 – show collapsed navigation for all screen sizes

by

You can use override the default Bootstrap CSS like this…

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

Demo: http://www.bootply.com/114896

This will ensure that the collapsed navbar is always used by overriding the Bootstrap @media queries.

Update: For Bootstrap 4, you just need to remove the navbar-toggleable class:
http://www.codeply.com/go/LN6szcJO53

More Related Contents:

  1. vertical-align with Bootstrap 3
  2. What is sr-only in Bootstrap 3?
  3. How to vertically center a container in Bootstrap?
  4. IE8 issue with Twitter Bootstrap 3
  5. Twitter Bootstrap 3 Sticky Footer
  6. Twitter Bootstrap 3, vertically center content [duplicate]
  7. Extend bootstrap row outside the container
  8. Gap in Bootstrap stacked rows
  9. 7 equal columns in bootstrap
  10. Exclude menu item from the collapse of bootstrap 3 navbar
  11. How do I add a margin between bootstrap columns without wrapping [duplicate]
  12. Inline Form nested within Horizontal Form in Bootstrap 3
  13. Same height column bootstrap 3 row responsive
  14. Bootstrap 3 Glyphicons CDN
  15. Bootstrap 3: Push/pull columns only on smaller screen sizes
  16. What is the purpose of .row in Bootstrap? [duplicate]
  17. Bootstrap Grid, do I need a container?
  18. Bootstrap 3 grid, does it *really* matter how many columns are in a row?
  19. How to make bootstrap carousel image responsive?
  20. Make Bootstrap’s Carousel both center AND responsive?
  21. How to work with ellipsis in bootstrap responsive table
  22. How to place a div over a image? [closed]
  23. Setting columns in bootstrap grid
  24. Bootstrap height
  25. Bootstrap 3 two columns full height
  26. Bootstrap print CSS removes background color
  27. How to add a search box with icon to the navbar in Bootstrap 3?
  28. Change color of bootstrap navbar on hover link?
  29. Twitter Bootstrap: Center Pills
  30. Why aren’t my bootstrap 4 columns the same height?

Leave a Comment