Bootstrap styles not applying to my angular 2 project

Question

I added bootstrap css in angular-cli.json - styles. Not applying bootstrap styles to my project. I added in package.json and did npm install. How to resolve this?

angular-cli.json

        "styles": [
            "styles.css",
            "../node_modules/bootstrap/dist/css/bootstrap.css"
        ]

package.json

 "dependencies": {
    "bootstrap": "^4.0.0-beta.2"
 }

Answer 1

1. No need to update or reinstall your bootstrap just do below mentioned step it will work for you

2. open angular-cli.json inside styles array and specifying the path of bootstrap like this:

   Angular-cli.json:

   "styles": [
       "./node_modules/bootstrap/dist/css/bootstrap.min.css",
       "styles.css"
   ],
   

3. Open your style.css and paste this at the top:

   @import url("../node_modules/bootstrap/dist/css/bootstrap.min.css")    
   

Answer 2

In your style.css add following line of code on top and let us know.

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css")

Also check with following line too

@import url("./node_modules/bootstrap/dist/css/bootstrap.min.css")

Hope it will help.