1 min de lectura

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
  2. Instalar bootstrap con sass
  3. Instalar compass
  4. Ir al folder en el que se planea iniciar el proyecto y crear la estructura

    Esto va a crear un proyecto de Compass con los archivos:

      • _bootstrap-variables.scss – Todas las variables de bootstrap
      • styles.scssEl 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

    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.

Líder técnico en equipos de desarrollo de software. Profesor de Desarrollo Web en la Universidad de Guadalajara. Emprendedora. Fundadora y CTO de CORB.mx. Ponente y tallerista. Colaboradora en proyectos de software libre y Open Source. Comprometida con la comunidad y la industria de la tecnología. Enfocada en el empoderamiento de las mujeres.

Deja tus comentarios

This site uses Akismet to reduce spam. Learn how your comment data is processed.