Estoy trabajando en los estilos de una serie de páginas con Bootstrap.
Resulta que recurrentemente tengo que utilizar una serie de propiedades. Por ejemplo:
class="col-md-5 text-center border border-rounded"
Esta combinación me va bien y quiero utilizarla en distintos ficheros. En condiciones normales, si se tratara de un simple ajuste de color de fondo, por ejemplo, lo que haría es nombrarlo del tipo class="miGenerica"
y después en mi fichero estilos.css
añadiría una línea definiendo el estilo:
miGenerica {
// ... propiedades...
}
Sin embargo, al tratarse de un sistema Bootstrap no veo posible añadir los datos con:
miGenerica {
col-md-5
border
}
Entonces, ¿cómo puedo generalizar los valores de Bootstrap en un fichero externo para no tener que ir copiándolos de fichero en fichero?
id
o con una clase específica y aplicar los estilos repetitivos a dichos elementos usando Javascript. Pero todo dependerá de lo complejo de tu maqueta HTML y de si te sientes cómodo trabajando con JS. Saludos