Bootstrap en Angular

Presentaremos cómo usar Bootstrap en Angular.

Bootstrap en Angular

Bootstrap es un marco CSS que se utiliza para diseñar un sitio web receptivo y compatible con dispositivos móviles más rápido. Es el marco más popular que se utiliza ampliamente.

También podemos usar Bootstrap en nuestra aplicación Angular siguiendo estos sencillos y sencillos pasos.

En primer lugar, debemos instalar Bootstrap en nuestro proyecto angular y, para hacerlo, debemos ir a la terminal y ejecutar el siguiente comando.

# cli
npm install bootstrap -save

Este comando instalará Bootstrap en nuestro proyecto angular. Pero si está utilizando SASS en su proyecto, recomendaría instalar bootstrap-sass en su lugar.

# cli
npm install bootstrap-sass -save

Una vez que haya instalado Bootstrap, se guardará en los módulos del nodo, y ahora solo necesitamos importar Bootstrap CSS donde queramos usar Bootstrap usando los siguientes comandos de importación.

# angular
@import '~bootstrap/dist/css/bootstrap.css';

O si está utilizando SASS.

# angular
$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import '~bootstrap-sass/assets/stylesheets/bootstrap';

Siguiendo estos pasos, podemos instalar Bootstrap fácilmente en cualquiera de nuestras aplicaciones Angular y hacer que responda y sea compatible con dispositivos móviles mediante el uso de clases de Bootstrap.