Old Geezer Old Geezer - 4 months ago 19
CSS Question

How to override @media (min-width: 992px)?

bootstrap.css
contains:

@media (min-width:992px)


I would like to change the 992px to 650px. How do I do it by overriding it from another file and prevent the 992px line in the original
bootstrap.cs
file from taking effect?

In other words, I want all width of >650px to adopt my style, and I would like to do it without modifying the original
bootstrap.cs
file.

Answer Source

I don't see a way that you can do that.

I would suggest generating your own bootstrap CSS file. You can easily modify the media query breakpoints by going here:

  1. http://getbootstrap.com/customize/#media-queries-breakpoints
  2. Change the values to your prefered dimensions.
  3. Scroll down to the bottom of the page and click "compile and download".