/ / Como você faz Bootstrap responsivo em um telefone, mas não um navegador de desktop estreito - javascript, twitter-bootstrap, design responsivo

Como você faz Bootstrap responsivo em um telefone, mas não um navegador de desktop estreito - javascript, twitter-bootstrap, design responsivo

Eu encontrei esta página para desativar a capacidade de resposta no Bootstrap.

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

O que eu gostaria é ter uma página que seja responsiva no telefone, mas que não seja responsiva quando visualizada em um navegador de desktop que tenha sido redimensionado para ser estreito.

Parece que eu poderia fazer a maior parte do que está nessa página, detectando o dispositivo e, em seguida, usando o JavaScript. Existe uma maneira mais simples que eu estou faltando ou alguma outra idéia?

Respostas:

1 para resposta № 1

Aqui é uma maneira de forçar o menu móvel para alternar em um telefone, mas você pode ter que se preocupar com a desativação de outros pontos de interrupção. 480 representa a largura do smartphone, você pode editá-lo conforme necessário.

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

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