What is Bootstrap
The bootstrap is a responsive mobile-first CSS framework for building Web Applications. It is open source and has all the features like Sass variables, mixins, responsive grid system, prebuilt components, and powerful JavaScript plugins.
Bootstrap consists of few CSS files & JS files.
The CSS files contains all the styles definitions.
Many of bootstrap components require the use of JavaScript to function. For Example, carousels, drop-down menus, auto-suggest, etc require bootstraps.js file. It also has depedency on jQuery, Popper.js.
Install the bootstrap package
Instead of running from CDN, you can install the CSS Files locally. The correct way to do this is by installing the bootstrap package.
Run the following npm command to install bootstrap. This will install the latest version of the bootstrap
npm install --save bootstrap
Running the above command will copy the bootstrap files to the node_modules/bootstrap folder. But it will not include it in the app.
Open the angular.json file and locate the projects -> Bootstrap-example (our project name) -> architect -> build -> styles node.
Alternatively you can just add the @import directive to import it in the styles.css
@import "~../node_modules/bootstrap/dist/css/bootstrap.min.css"
No comments:
Post a Comment