Adjusting Bootstraps Responsive Collapse Threshold

adjust-responsive-navbar.md

Adjusting Bootstraps Responsive Collapse Threshold

references

• http://stackoverflow.com/a/9405698/1402085
• twbs/bootstrap#1718

solution

both thresholds in bootstrap-responsive.css must be adjusted accordingly.

before

@media (max-width: 979px) {
  ...
}

AND

@media (min-width: 980px) {
  ...
}

after

• shooting for a collapse threshold of 1120px.

@media (max-width: 1120px) {
  ...
}

AND

@media (min-width: 1121px) {
  ...
}

---

I simply edited the contents of bootstrap-responsive.css, overwriting the contents in a separate *.css file is entirely possible.