Working with Bootstrap in Sass
In this section, we will discuss how to import CSS frameworks and utilities into our application to set up a basic, responsive layout in our Angular application using Bootstrap. Bootstrap is a very popular CSS framework developed by Twitter for responsive web design that works on a wide range of devices, from desktop computers to mobile phones. The latest version of Bootstrap 4 includes many improvements, including switching from Less to Sass for its source files, a new flex-box-based grid system, and many optimizations and performance tweaks to better support mobile devices.
How to do it...
Our Angular application may be modern on the inside, but its user interface is very retro looking, without a modern CSS framework to go with it. Let's install Bootstrap to give our application some nice default styling:
- To get started with Bootstrap in our Angular project, we will first have to install it as a dependency:
npm install [email protected] --save
- Once we have...