title: Angular doesn't see bootstrap styles
body: <p>I am trying to copy the form into my project along with the styles used</p>
  <p>Form Element</p>
  <pre><code>&lt;div class=&quot;form-group&quot;&gt;
      &lt;label class=&quot;small mb-1&quot; for=&quot;inputEmailAddress&quot;&gt;Email&lt;/label&gt;
      &lt;input class=&quot;form-control py-4&quot; id=&quot;inputEmailAddress&quot; type=&quot;email&quot; placeholder=&quot;Enter email address&quot; /&gt;
  &lt;/div&gt;
  </code></pre>
  <p>styles.css file of the source project</p>
  <pre><code>@import &quot;bootstrap/scss/bootstrap.scss&quot;;
  </code></pre>
  <p>styles.css file in my project</p>
  <pre><code>@import 'node_modules/bootstrap/scss/bootstrap.scss';
  </code></pre>
  <p>in both projects, the styles are located in this folder</p>
  <pre><code>'node_modules/bootstrap/scss/bootstrap.scss';
  </code></pre>
  <p>But when I run for execution, my form has a different look. In the debugger, you can see that other styles are being loaded.</p>
  <p>Here are my styles in the debugger</p>
  <pre><code>.form-control {
      display: block;
      width: 100%;
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0.25rem;
      transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  </code></pre>
  <p>He takes it from the file</p>
  <pre><code>'node_modules/bootstrap/scss/forms/_form-control.scss';
  </code></pre>
  <p>And these are the styles in the original project</p>
  <pre><code>.form-control {
      display: block;
      width: 100%;
      height: calc(1.5em + 0.75rem + 2px);
      padding: 0.375rem 0.75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  </code></pre>
  <p>He takes it from the file</p>
  <pre><code>'src/styles.scss';
  </code></pre>