How to install bootstrap 4 in angular 5?



Create Simple Project "ng new bootstrapApp" & "cd bootstrapApp" then "ng serve"

Step # 1 : Download Bootstarp 4 

here is the link => https://getbootstrap.com/
And copy css & js folder then paste assets folder

Step # 2 : Open .angular-cli.json hidden file
 And add address
  "styles": [
        "styles.css",
        "assets/css/bootstrap.min.css"
      ],
      "scripts": [
        "assets/js/bootstrap.min.js"
      ], 

Step # 3 : Open index.html file copy this script


 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

Comments

Popular Posts