How to disable support for 767px and below resolutions in bootstrap?

T

tp42014-02-17 10:24:28

Bootstrap

tp4, 2014-02-17 10:24:28

Hello!
How to disable support for resolutions of 767px and below in bootstrap 2.xx
so that only the three modes that come by default remain supported:
(1200px and more; 980px and more; 768px and more)?

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

Y

Yuri Lobanov, 2014-02-17
@iiil

Remove all media queries for this screen size.
What do you mean by "disable support"? Shouldn't your site be displayed at that width at all? Or should a horizontal scroll appear?

E

Eugene, 2014-02-17
@cyber-jet

The easiest way is to customize: getbootstrap.com/customize remove the number in the Media queries breakpoints section from the @screen-sm box.
If this is not possible, then manually cut out the selectors for this resolution, you can find them by the @media tag (min-width: 768px), maybe there is also max-width: 768px.

Y

Yuri Lobanov, 2014-02-17
@iiil

There is also an option to do the simple, but this is a crutch:
insert after the body tag:

<body>
     <div class='spike'></div>
     <!--дальше Ваш контент --> 
</body>

and add the following class in css:
It won't affect your markup in any way, but it will enforce a minimum width of 768px. Media queries for 767px just won't work :)
jsfiddle.net/iiil/N45MG