Detectar la vista del dispositivo en Bootstrap 3 mediante javascript

En Bootstrap 3 define 3 tipos de tamaño según el dispositivo:

xs: extra small, para dispositivos móviles menores 720px de ancho
sm: small, para dispositivos móviles mayores 720px de ancho o tablets
md: medium, para ordenadores mayores de 920px de ancho
lg: large, para ordenadores mayores de 1200px de ancho

Para poder detectar cual de estos viewports usa bootstrap mediante javascript, podemos por ejemplo “Responsive bootstrap toolkit”.
Añadimos en nuestro proyecto la librería y a partir de aquí, podemos saber mediante javascript el tamaño del dispositivo en cualquier momento. Un ejemplo para poder averiguarlo fácilmente sería:

Otra opción es mediante Bootstrap viewport detect. También es otra pequeña librería para trabajar con los tamaños del dispositivo mediante bootstrap 3. Un ejemplo de código en javascript con Bootstrap viewport detect sería:

The following two tabs change content below.
avatar

Raúl Vállez

Responsable técnico y cofundador en Samsaria
Ingeniero informático y compositor de música. Conocedor de varias tecnologías web: PHP, Zend, MySql, Oracle, Coldfusion y un poco de Java. Alternando la programación con la composición de música para medios audiovisuales y de BSO para cortometrajes.
avatar

Últimas entradas de Raúl Vállez

Etiquetado con: , , ,
Publicado en: Bootstrap
Un comentario sobre “Detectar la vista del dispositivo en Bootstrap 3 mediante javascript
  1. avatar maximi89 dice:

    Hola, me gustó el contenido de esta publicación, revisaré el resto para sacarle provecho.
    Gracias.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*