CODEWITHSUNDEEP
twitter-bootstrap-3
user3949359
user3949359

Reputation:

How do I make the menu collapse to mobile earlier in Bootstrap?

I'd like to be able to manipulate the breakpoint at which the menu collapses to it's mobile version with the 3 stacked horizontal bars.

enter image description here

Upvotes: 1

Views: 69

Answers (2)

ckuijjer
ckuijjer

Reputation: 13814

You can do this by creating your own customized version of Bootstrap. The easiest way to do this is to go to http://getbootstrap.com/customize/ and to set the @grid-float-breakpoint variable.

This will keep the breakpoints for mobile, tablet & desktop at their regular values and only change the point at which the .navbar collapses.

Upvotes: 1

Stef
Stef

Reputation: 341

You can customise bootstrap with your own required break points.

Go here and in the ‘Media queries breakpoints’ section and adjust the @screen-sm (mobile), @screen-md & @screen-lg parameters as required ...then generate and then replace your custom bootstrap over the existing bootstrap assets.

Upvotes: 0

Related Questions