Bootstrap 3: vista de escritorio en un dispositivo móvil

¿Es posible mostrar un sitio web de arranque como la versión de escritorio cuando está en un dispositivo móvil?

Básicamente, la página mostraría las vistas de 992px o 1200px en lugar de las de dispositivos pequeños.

Por ejemplo, la BBC le permite cambiar entre el sitio móvil y el sitio de escritorio usando un enlace en la parte inferior de la página, que es lo que me gustaría hacer.

Gracias, Liam

Solo tienes que configurar la ventana gráfica

Haga un enlace como usted dijo, y este enlace es una recarga de la página pero con un ?desktop_viewport=true , entonces puede establecer una sesión y mientras esa sesión esté configurada, escriba esto

  

En lugar de esto (versión responsiva)

  

En tu

EDITADO

Use esto como un botón

 I want desktop mode! 

E inserte esto en la parte superior de su archivo php (la bruja debe estar cargada en cada página)

  

Después de hacer eso, debe cambiar la ventana gráfica de acuerdo con Sessionvalue haciendo esto en

      

Puede alternar las clases responsivas de Bootstrap usando jQuery. Por ejemplo,

 /* toggle layout */ $('#btnToggle').click(function(){ if ($(this).hasClass('on')) { $('#main .col-md-4').addClass('col-xs-4').removeClass('col-md-4'); $(this).removeClass('on'); } else { $('#main .col-xs-4').removeClass('col-xs-4').addClass('col-md-4'); $(this).addClass('on'); } }); 

Demostración: http://www.bootply.com/121943

He estado usando selectores de cuadrícula sensibles y he creado una vista de escritorio para mi página. En primer lugar, la ventana gráfica debe cambiarse como se indicó anteriormente para

  

pero esto solo no cambia el comportamiento de los selectores de grillas. La página es más amplia en la vista móvil, pero aún tiene diseño móvil. Para cambiar esto, tomé una copia de bootstrap.css y la llamé a bootstrap-non-responsive.css. En este archivo cambié todos los puntos de frenado de diferentes vistas al ancho de 1 px.

Esto se puede hacer cambiando todas las filas con la palabra clave @Media. P.ej

 @media (min-width: 768px) { 

necesita ser cambiado a

 @media (min-width: 1px) { 

Es posible aprovechar las múltiples sustituciones de los mismos textos y es fácil y rápido modificar el archivo css si comprende cómo funciona la capacidad de respuesta de Bootstrap. También es posible eliminar algún código del archivo css, pero no es necesario, solo optimización.

Por último, creé un enlace para cambiar la vista de escritorio (clase usada “hidden-lg”), que creó una cookie para guardar la selección de vista. Si hubo una selección de vista de escritorio. Cambié el código normal:

   

a

   

Si se seleccionó la vista de escritorio, mostré el vínculo de nuevo a la vista móvil, que eliminaría la cookie y cambiaría a la vista receptiva.

Sí, simplemente no use los selectores de cuadrícula sensibles a Bootstrap.

“Convierta cualquier diseño de cuadrícula de ancho fijo en un diseño de ancho completo cambiando su .container externo a .container-fluid..container-fluid.

Los documentos dicen que agreguen el .container-fluid. para hacer que fluya, así que al quitarlo puede evitar que sea fluido.

podrías usar jQuery para cambiar las clases.

 switch to desktop