CODEWITHSUNDEEP
javascriptcsstwitter-bootstraptwitter-bootstrap-3media-queries
WIRN
WIRN

Reputation: 947

change bootstrap menu breakpoint

I'm using bootstrap 3.2 and the default breakpoints. I would like the navbar to collapse into mobile mode at md (< 992px) instead of sm (< 767px) without changing the default breakpoints. How do I do that best?

Upvotes: 0

Views: 1157

Answers (1)

DavidG
DavidG

Reputation: 118937

You have 3 options:

  1. Edit the files manually - a horribly laborious task and not recommended.
  2. Visit http://getbootstrap.com/customize/, specify your own breakpoints there and download the customised version.
  3. Use a CSS preprocessor and customise it at your end. Bootstrap provide versions for both Less and Sass.

Note that for option 2 and 3, you are looking to change the @grid-float-breakpoint variable. In your example, you want to change the value from @screen-sm-min to @screen-md-min

Upvotes: 4

Related Questions