• Cuarzo.dev
  • Posts
  • Cómo Personalizar Bootstrap Utilizando Sass

Cómo Personalizar Bootstrap Utilizando Sass

Exploraremos cómo personalizar Bootstrap utilizando Sass.

Author

Kiko Palomares
June 03, 2021 • Lo lees en: 3 minutos

Curso de Bootstrap 5 desde cero [completo]

Aprende Bootstrap 5, el framework de frontend más popular, completamente desde cero paso a paso.

newsletter.cuarzo.dev/p/curso-bootstrap-5

En este artículo, exploraremos cómo personalizar Bootstrap utilizando Sass. Esta guía está diseñada para ayudarte a modificar Bootstrap de acuerdo a tus necesidades específicas y mejorar el diseño de tus proyectos web. ¡Vamos a empezar!

Preparación del Proyecto

Antes de comenzar, asegúrate de tener un proyecto configurado con Bootstrap. Si aún no lo has hecho, te recomiendo ver el video anterior de este curso donde explicamos cómo instalar y configurar Bootstrap en tu proyecto.

  1. Configura tu Proyecto: Asegúrate de tener un archivo index.html con Bootstrap instalado y un archivo Sass (styles.scss) donde importarás Bootstrap.

Paso 1: Importar Bootstrap en Sass

Primero, necesitamos importar Bootstrap en nuestro archivo styles.scss. 

@import 'node_modules/bootstrap/scss/bootstrap';

Suscríbete para seguir leyendo...

Este contenido es gratuito, pero debes estar suscrito a Cuarzo.dev para continuar leyendo.

Already a subscriber?Sign In.Not now

Reply

or to participate.