¿Cómo mantener la personalización de Twitter Bootstrap con Bower?

bootstrap documentation

Question

Estoy trabajando en un proyecto con yeoman que incluye grunt para la automatización y bower para la administración de paquetes del lado del cliente. Una de las dependencias de mi proyecto es SASS twitter-bootstrap .

En otros proyectos, en los que administré manualmente las actualizaciones de las dependencias, Bootstrap valores de Bootstrap directamente en el archivo Bootstrap variables.less ( _variables.scss ) y los main.less en los archivos main.less dentro de la carpeta propia del proyecto css . Hice lo mismo aquí, pero cuando instalé otros paquetes con Bower, anuló todo (me "descartó" la carpeta de mis componentes, gracias a Dios)

¿Cuál es la mejor manera de personalizar Bootstrap fuera de la carpeta de componentes para que no vuelva a suceder?

Answer 1

Nunca debe modificar el contenido de la carpeta bower_components . Nos aseguraremos de aclararlo.

En cuanto a tu pregunta Copie el archivo _variables.scss de la carpeta bower_components a, p. Ej. app/styles , luego impórtelo en su main.scss , o lo que sea que se llame, sobre la declaración de importación para el arranque. Esto hará que su archivo personalizado anule las variables predeterminadas.