title: I installed bootstrap in angular 8 but not working.Why?
body: <p>I installed bootstrap 3.4.1 and jquery in my project.There were no errors.Versions are showing in package.json I have also added the bootstrap file path in angular.json file .But bootstrap themes are not working at all. </p>
  
  <p>I followed this video to install bootsrap:
  <a href="https://www.youtube.com/watch?v=KaTtlGSJ0QE" rel="nofollow noreferrer">https://www.youtube.com/watch?v=KaTtlGSJ0QE</a></p>
  
  <p>the installation went well, but validation using <a href="http://localhost:4200/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="nofollow noreferrer">http://localhost:4200/node_modules/bootstrap/dist/css/bootstrap.min.css</a>
  gave some errors in console.</p>
  
  <p>angular.json:</p>
  
  <pre><code>"styles": [
                "src/styles.scss",
                "node_modules/bootstrap/dist/css/bootstrap.min.css"
              ],
              "scripts": [
                "node_modules/bootstrap/dist/js/bootstrap.min.js",
                "node_modules/jquery/dist/jquery.min.js"
              ]
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="container-fluid "&gt;
        &lt;h1&gt;Login&lt;/h1&gt;
        &lt;form  [formGroup]="loginForm" (ngSubmit)="onSubmit()"&gt;
  
            &lt;div class="form-group"&gt;
              &lt;label for="userName"&gt;User Name : &lt;/label&gt;
              &lt;input formControlName="userName" type="text" class="form-control" &gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
                &lt;label for="password"&gt;Password : &lt;/label&gt;
                &lt;input  formControlName="password" type="password" class="form-control" &gt;
            &lt;/div&gt;
  
              &lt;button class="btn btn-primary" type="submit"  &gt;Login&lt;/button&gt;
  
          &lt;/form&gt;
          {{loginForm.value | json}}
      &lt;/div&gt;
  </code></pre>
  
  <p>The o/p does not contain any bootstrap stylisation as expected.</p>