Come si fa a rendere Bootstrap reattivo su un telefono ma non su un browser desktop ristretto: javascript, twitter-bootstrap, responsive-design

Ho trovato questa pagina per disattivare la reattività in Bootstrap.

http://getbootstrap.com/examples/non-responsive/

Quello che mi piacerebbe è avere una pagina che risponde al telefono, ma non è reattiva se visualizzata su un browser desktop che è stato ridimensionato per essere stretto.

Sembra che potrei fare la maggior parte di ciò che è in quella pagina rilevando il dispositivo e quindi utilizzando JavaScript. C'è un modo più semplice che mi manca o qualche altra idea?

risposte:

Ecco un modo per forzare il menu del cellulare a passare da un telefono, ma potresti doverti preoccupare di disabilitare altri punti di interruzione: 480 rappresenta la larghezza dello smartphone, puoi modificarlo se necessario.

     $(window).resize(function() {
if ($(window).width() <=480 ) {
$(".navbar-collapse a").click(function(e) {

$(".navbar-collapse").collapse("toggle");
});
}
});