Responsive desktop only

Hello all,

I’m looking for the best way to maintain the responsiveness for desktops while disabling responsive support for phones and tablets, ideally without changing the bootstrap core.

Has anybody done similar yet?


This definitely goes against some of the core philosophies of RWD/AWD because accomplishing it well would likely require some form of user agent sniffing.

You could base this on a browser’s feature set as detected by Modernizr, perhaps touch support, but there are some desktops with touch support.

It may work for you by replacing the default Bootstrap media queries with queries that target min-device-width and max-device-width aided by

In any case, the Bootstrap docs have a section for disabling responsive functionality, you’ll just need to determine some specific criteria for the devices you want to maintain responsive functionality on.

I thought of setting min-device-width to 992px.