Question: Since version 5 **Bootstrap** framework has removed **jQuery** as a requirement.

**I want to know how this change affects the Angular application?**

Can we use all provided Bootstrap functionalities in Angular (for example dropdowns)?

I know that Angular shouldn't be combined with JQuery - in earlier versions of Bootstrap, JQuery was recommened to import if we want to use all bootstrap functionalities and it was bad.

But Bootstrap 5 doesn't rely on JQuery anymore so is it safe to use it with my Angular applications?

As for now I don't want to use bootstrap alternatives like ng-bootstrap, that is why I'm asking is it okay and **safe** to use Bootstrap 5 in Angular?

Answer: 
to install bootstrap simply use

```
npm install bootstrap

```

And edit the angular.json file

```
        "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css", //<--add this line
          "src/styles.css"
        ],
        "scripts": [
          "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js" //<--and this line
        ]

```
step 1: `npm install bootstrap --save`

step 2: Open `src/style.css`

Add the following line of code to the style.css

```
@import "../node_modules/bootstrap/dist/css/bootstrap.min.css";

```