Bootstrap es un framework de CSS muy popular por su facilidad para implementar sitios web con diseño agradable de manera muy rápida.

Tiene además la ventaja de poder trabajar con sus archivos fuente en SASS o LESS dando así enormes posibilidades para adecuar los diseños y características del mismo.

En este tutorial vamos a ver como instalar los paquetes necesarios para tener Bootstrap con SASS usando Ruby para su instalación y compass para su compilación.

Bootstrap con SASS usando Ruby

1. Instalar Ruby
   
   1	sudo apt-get install ruby

2. Instalar bootstrap con sass
   
   1	sudo gem install bootstrap-sass

3. Instalar compass
   
   1	sudo gem install compass

4. Ir al folder en el que se planea iniciar el proyecto y crear la estructura
   
   1	compass create NOMBRE-PROYECTO -r bootstrap-sass --using bootstrap

   
   Esto va a crear un proyecto de Compass con los archivos:
   • • _bootstrap-variables.scss – Todas las variables de bootstrap
     • styles.scss – El archivo principal SCSS del proyecto, variables de importación y bootstrap.
5. Decir a compass que compile
   Una vez terminado, tu nuevo proyecto tiene un archivo config.rb que le dice a Compass donde poner los resultados, de modo que solo falta ejecutar
   
   1	compass watch &

   
   y automáticamente comenzarás a ver los archivos CSS recompilados cada vez que hagas cambios a los archivos SCSS.
   El & en el comando watch hace que la tarea corra en background, de modo que no te molestará mientras trabajas.

¿Te gustó este artículo?

Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.