Instalar Bootstrap con NPM

Instalar Bootstrap
=====================================

Instalación de Node.js y npm

Descargar e Instalar Node.js => https://nodejs.org/es/
Para comprobar la versión de node y npm, ejecuta este comando:
$> node --version
$> npm --version

Para Actualizar la versión de npm, ejecuta este comando:
$> npm install -g npm@latest

Creamos nuestro archivo en formato.json, estando en la raiz de nuestro proyecto ejecutamos el siguiente comando:
$> npm init -y

Instalar Bootstrap 5 con npm

$> npm install bootstrap

Crear en la raiz del proyecto una carpeta y un archivo de nombre scss/styles.scss
Para agregar todos los estilos de Bootstrap lo importamos dentro del archivo styles.css
@import "../node_modules/bootstrap/scss/bootstrap.scss";

Instalar Sass

Descargar e instalar Sass https://sass-lang.com/
Si utiliza Node.js, también puede instalar Sass mediante npm ejecutando:
$> npm install -g sass
$> sass --version

Compilar archivo SAS a CSS

$> sass --watch scss:css
$> sass --watch scss/styles.scss:css/styles.css

Vinculamos nuestro archivo compilado css
<link rel="stylesheet" href="css/styles.css">

Copiamos la carpeta JS que se encuentra en nodes_modules y lo pegamos en la raiz

Ruta: /node_modules/bootstrap/dist/js

En la carpeta js solo nos quedamos con los siguientes archivos js

bootstrap.min.js

bootstrap.min.js.map

Para finalizar Vinculamos el archivo js

<script src="js/bootstrap.min.js"></script>