Angular Projects For Beginners With Laravel | Hotel Management System project with angular 8 and Laravel (How to install bootstrap in angular 8 project)

Hotel Management System project with angular 8 project with laravel (How to install bootstrap in angular 8 project)

We have seen Node installation and Angular 8 installation in our previous tutorials. And we had also created a project for Angular in our old tutorial and this tutorial we will continue to do the same tutorial

Visit previous tutorial click here

And in this tutorial we will install bootstrap and jquery library

Using Command line

1. For Jquery Installation
Command : npm install jquery --save
2. For Installation Bootstrap
Command : npm install bootstrap --save

After install all library on your project include library on your project using following step
Go To Your project root folder and open angular.json file
And Set Bootstrap and Jquery file on angular.jon file

angular.json

---------------------------------------------------------------------------------------------------

"styles": [
   "node_modules/bootstrap/dist/css/bootstrap.min.css",
   "src/styles.scss"
   ],
   "scripts": [
   "node_modules/jquery/dist/jquery.min.js",
   "node_modules/bootstrap/dist/js/bootstrap.min.js"
   ]

---------------------------------------------------------------------------------------------------

After this step jquery and bootstrap successfully install on your project