Estoy trabajando en un proyecto en el que a menudo necesito implementar el mismo tipo de etiqueta, como <div class="col-12 col-md-10 col-lg-8 col-xl-4"> y quiero crear una clase equivalente para agrupar todas las columnas utilizadas. El código que quiero debe convertirse en algo como <div class="allcol">
Hay una manera de hacerlo?
Es una gran pregunta y tal vez haya algún tipo de biblioteca o extensión de Bootstrap que le permita hacer esto, pero estoy bastante seguro de que no existe nada listo para usar si solo está usando la biblioteca de arranque.
Sin embargo, una idea, si está utilizando un preprocesador CSS como SASS o LESS, podría extender las clases de arranque para permitirle hacer esto. Sin embargo, esto es solo una sugerencia y no algo con lo que haya jugado.
Encuentro una solución para el problema. En la página xhtml que incluye todas las demás páginas pongo la siguiente etiqueta:
<c:set value="#{'col-12 col-md-6 col-lg-3 fsb12 mt10'}" var="divSmall" />y en el div uso:
<div class="#{divSmall}">Cada vez que necesito hacer una actualización, ahora puedo modificar la etiqueta 'establecer' y todos se propagan a todas las páginas de mi proyecto.