How to change navbar collapse threshold using Twitter bootstrap-responsive?

by

Bootstrap > 2.1 && < 3

  • Use the less version of bootstrap
  • Change the @navbarCollapseWidth variable in variables.less
  • Recompile.

Update 2013: The easy way

  • Visit http://getbootstrap.com/customize/#less-variables
  • Change @navbarCollapseWidth in the formfield
  • Click “Compile and Download”.

(THX to Archonic via comment)

Update 2014: Bootstrap 3.1.1 and 3.2
(they even added it to the documentation)

If you’re customizing or overriding/editing .less variables, you’re looking for:

//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);

Leave a Comment