There are other packages out there that you can use such as ngx-bootstrap, but this is the vanilla Bootstrap (including JavaScript) method.

There are some slight differences from versions before Angular 6.

1. From the root of your project, run in your terminal:

npm install bootstrap

2. And you need to install it's dependencies (jQuery) and (Popper.JS):

npm i --save jquery@1.9.1

npm i --save popper.js@^1.14.3

3. Open up your angular.json file to find and add the style and scripts:


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

4. Restart your server and you should be ready to code!