Bootstrap

El framework CSS más veterano y todavía el más usado fuera del mundo Tailwind: clases utilitarias propias, sistema de grid de 12 columnas, y componentes JS (modal, tooltip, carousel) sin dependencias externas desde la v5 (dejó jQuery).

Instalación

pnpmbunnpm

pnpm add bootstrap

bun add bootstrap

npm install bootstrap

Configuración inicial

main.ts

import "bootstrap/dist/js/bootstrap.bundle.min.js"
import "bootstrap/dist/css/bootstrap.min.css"

O vía CDN, sin build step:

<link
  href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
  rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

Tips

• Personalizar variables Sass propias ($primary, $border-radius) requiere compilar desde el .scss fuente, no solo el .css compilado.
• Mezclarlo con Tailwind en el mismo proyecto genera conflictos de reset — elegir uno de los dos por proyecto.