SASS y Bootstrap
2 seguidores
Me gustaría saber como integrar SASS con Bootstrap.
Conozco un poco el preprocesador pero no se si la vinculación de SCSS se hace a nivel de la hoja de estilo de bootstrap o a la personalizada que añadamos. Gracias
Me gustaría saber como integrar SASS con Bootstrap.
Conozco un poco el preprocesador pero no se si la vinculación de SCSS se hace a nivel de la hoja de estilo de bootstrap o a la personalizada que añadamos. Gracias
Seguro que tienes mucho que decir, te estamos esperando.
smalonso Mod
No se si entiendo muy bien tu pregunta sobre vinculaciones. Pero supongo que sabrás que cuando compilas los varios archivos scss que tengas, te genera un único output css por norma general y ese es el que vinculas a la plantilla.
sergiocastilla Plus
Perdona si me he explicado mal, quería decir si compilas los archivos originales de Bootstrap o compilas una hoja de estilo personalizada para modificar los estilos originales.
smalonso Mod
Lo ideal es tener todo compilado. Pero Bootstrap lo tienes en scss directamente sin hacer conversiones extrañas. De todos modos si que haría un override de los elementos de Bootstrap para mantener la librería limpia si más adelante la tienes que actualizar por lo que sea, que puedas con los mínimos problemas.
sergiocastilla Plus
Ok gracias por todo
sergiocastilla Plus
Una cosilla más, entonces para que existe una versión SASS o LESS en Bootstrap?
smalonso Mod
Lo siento pero no entiendo muy bien la intención de tus preguntas Sergio, ni si la duda va más allá del conocimiento de Bootstrap o el uso de SASS.
Existe SASS para que lo uses con todas las ventajas que conlleva a nivel programación un compilador CSS. LESS si no me equivoco hace un par de años que ya no lo incorporan.
sergiocastilla Plus
Me refiero como se trabaja con Sass y Bootstrap? Si los estilos de Bootstrap como me aconsejaste se sobrescriben mediante una hoja CSS aparte.
Usuario desconocido
@sergiocastilla no se sobreescribe el css de bootstrap, se genera un css a partir del sass de bottstrap con los valores que le indiques en las variables.
Si por ejemplo cambias el numero de columnas a 10 no tienes un css de bootstrap con 12 columnas sobreescrito por un css de 10 columnas sino que el css generado ya tiene 10 columnas.
Existe una version sass/less/scss precisamente para no tener que sobreescribir css.
sergiocastilla Plus
Ya, eso si me parece lógico. El compañero me comentó que los cambios de estilo se hicieran en una hoja aparte.
Perdona que te vuelva a reiterar, pero estoy un poco perdido, ¿ compilas los cambios de variables como breakpoints, columnas y demás? y también compilo otro css personalizado para cambios más específicos?
Usuario desconocido
Pues tendrá que contestar el compañero porque odio bootstrap y no sé muy bien como se compila, pero supongo que se refiere a que respetes los archivos sass originales para poder actualizarlos cuando sea preciso con una nueva versión. Puedes reescribir las variables de bootstrap porque esa reescritura no se traslada al css, sale "limpio".
Si tienes dos css te cargas las ventajas de compilar con sass.