Revista Empresa

Como habilitar las imágenes responsive en el tema Bootstrap de Drupal

Publicado el 20 julio 2017 por Oscar Oscar Meza @vidagnu

Como habilitar las imágenes responsive en el tema Bootstrap de Drupal

Si estas utilizando el tema Bootstrap 3 o uno de sus temas derivados en Drupal y quieres que tus imagenes sean responsive, es decir que cambien de tamaño automaticamente dependiendo del tamaño de la pantalla del dispositivo desde el cual un usuario esta viendo tu sitio web, puedes aplicar el siguiente procedimiento el cual es muy sencillo solo debes hacer uso de la clase "img-responsive".

Para agregar abre las propiedades de la imagen y ve al tab Avanzado como se muestra la imagen siguiente.

Como habilitar las imágenes responsive en el tema Bootstrap de Drupal

Luego en el campo "Clase de hojas de estilo" agrega "img-responsive" como se muestra la imagen siguiente y borra los tamaños que tenga en el campo "Estilo", luego graba y listo.

Como habilitar las imágenes responsive en el tema Bootstrap de Drupal

Valoracion:  Select ratingGive Como habilitar las imágenes responsive en el tema Bootstrap de Drupal 1/5Give Como habilitar las imágenes responsive en el tema Bootstrap de Drupal 2/5Give Como habilitar las imágenes responsive en el tema Bootstrap de Drupal 3/5Give Como habilitar las imágenes responsive en el tema Bootstrap de Drupal 4/5Give Como habilitar las imágenes responsive en el tema Bootstrap de Drupal 5/5Cancel rating No votes yet Ayudanos a ser mejores por favor dale tu valoración a esta página. Tags: Herramientas Web

Volver a la Portada de Logo Paperblog