En este apartado vamos a ver un conjunto de clases que permiter tratar imágenes, a través de CSS y de JavaScript de modo tal de disponer de cierta facilidad al momento de manipular estos elementos.
Con las imagenes cuadradas (mismo alto que ancho) podemos utilizar la clase .img-display-[tam] donde tam es un numero multiplo 8 que va desde 8 a 800PX perimtiendo generar un contenedor que ajuste al tamaño de la imagen a un valor deseado sin desbordamiento. En el caso de la imagen utilizará la clase .img-responsive que permitirá ajustarla al contenedor.
Para utilizar esta funcionalidad tenemos que inicializar el módulo correspondiente desde la lógica de la biblioteca como se muestra a continuación y luego agregar la clase .img-emp a la imagen a la que se le quiera hacer zoom.
// Inicializar el módulo imagenes
BS.ImagenesInit()
La biblioteca también cuenta con el conocido efecto paralax para cambiar el foco en la imagen generar la impresión de profundidad. para lograr esto tendremos que inicializar otro módulo de la lógica de la biblioteca, luego encerrar a la imagen dentro del un contenedor que posee la clase .paralax-contenedor
// Inicialización del módulo Paralax
BS.ParalaxInit()