Complemento de igual altura adaptable en JavaScript puro-AutoHeight adaptable
| Autor: | appleple |
|---|---|
| Views Total: | 544 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 20, 2018 |
| Licencia: |
Vista prévia
Descripción
Sin embargo, otro complemento de altura igual escrito en JavaScript puro que ecualiza automáticamente la altura de los bloques/columnas en su diseño web adaptable.
Funcionamiento
Instale la AutoHeight adaptable con gestores de paquetes.
# Yarn $ yarn add responsive-auto-height # NPM $ npm install responsive-auto-height --save
Importe la AutoHeight adaptable.
import ResponsiveAutoHeight from 'responsive-auto-height';
Agregue la clase ' JS-auto-height ' a los bloques de contenido de la siguiente manera:
<div class="row"> <div class="col-md-4"> <div class="js-auto-height"> Content 1 </div> </div> <div class="col-md-4"> <div class="js-auto-height"> Content 2 </div> ... </div>
Inicializar la biblioteca y listo.
new ResponsiveAutoHeight('.js-auto-height');
