Cómo obtener la fila de la cuadrícula de arranque o el ancho del contenedor de la cuadrícula en píxeles mediante javascript.
Estoy usando aurelia para javascript pero el código puede estar en js estándar (no jquery).
Traté de encontrar esto en el sitio web de bootstrap pero todavía estoy confundido porque hay varias dimensiones para el ancho: col-xs, colmd... pero de hecho, solo estamos usando 4 dimensiones: col-3, col-6, col-9, col-12 y nada más, así que básicamente necesito obtener ese ancho completo para traducir píxeles a col-x nuevamente para que coincida con el cambio de tamaño de un elemento HTML.
obtenga su elemento usando document.querySelectorAll("su consulta html")[0].offsetWidth.
este comando devolverá el ancho del elemento en píxeles, incluido el relleno.
He hecho un ejemplo en jsFiddle:
https://jsfiddle.net/dgf0okrj/
document.querySelectorAll("your html query")[0].offsetWidthsolo abre tu consola y ejecútalo.
Puede actualizar el ancho y el ancho máximo de la fila, el contenedor o la columna de arranque en css:
.row{ max-width: 200px !important; width: 200px !important; }Alternativamente, también puede usar% para actualizar el ancho, pero recuerde actualizar siempre el ancho máximo en su css.