search

KamilKonopka / final-project-sda-front

0 stars 4 forks source link

Add bootstrap styling to the project #1

Open KamilKonopka opened 3 years ago

KamilKonopka commented 3 years ago

Next, install Bootstrap 4 and jQuery from npm:

$ npm install --save bootstrap jquery Copy (In this case, bootstrap v4.2.1 and jquery v3.3.1 are installed.)

Finally, open the angular.json file and add the file paths of Bootstrap CSS and JS files as well as jQuery to the styles and scripts arrays under the build target:

"architect": {
  "build": {
    [...], 
    "styles": [
      "src/styles.css", 
        "node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],
      "scripts": [
        "node_modules/jquery/dist/jquery.min.js",
        "node_modules/bootstrap/dist/js/bootstrap.min.js"
      ]
    },