title: Overriding bootstrap styles, not working
body: <p>I'm trying to make a simple CSS file to make my app look decently, but I have a problem with it</p>
  
  <pre><code>&lt;div class='container-fluid'&gt;
  &lt;div id="nav"&gt;
          &lt;div class='col-sm-6' align="center"&gt;
                  &lt;h2&gt;Utwórz nową sesje&lt;/h2&gt;
                  &lt;br&gt;&lt;br&gt;
                  &lt;input class="form-control mr-sm-2" type="text" aria-label="Search"&gt;&lt;br&gt;
                  &lt;a class="btn btn-primary btn-md" href="#" role="button"&gt;Stwórz&lt;/a&gt;
              &lt;/div&gt;
  
          &lt;div  class='col-sm-6' align="center"&gt;
              &lt;h2&gt;Dołącz do istniejącej sesji&lt;/h2&gt;
              &lt;br&gt;&lt;br&gt;
              &lt;input class="form-control mr-sm-2" type="text" aria-label="Search"&gt;&lt;br&gt;
              &lt;a class="btn btn-primary btn-ms" href="#" role="button"&gt;Dołącz&lt;/a&gt;
          &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>And no matter if I make it </p>
  
  <pre><code>#bootstap-overrides  .container-fluid {
      background-color: #3b5998;
  }
  </code></pre>
  
  <p>Or</p>
  
  <pre><code>.container-fluid {
      background-color: #3b5998;
  }
  </code></pre>
  
  <p>or</p>
  
  <pre><code>.nav {
      background-color: #3b5998;
  }
  </code></pre>
  
  <p>Background is still white, as if bootstrap was overrding it. I'm a beggineer at CSS.</p>
  
  <p>EDIT:</p>
  
  <pre><code>@Component({
  selector: 'home',
  templateUrl: './home.component.css'})
  </code></pre>
  
  <p>The templateUrl field was wrong, so i fixed it. However, now the entire site appears white.</p>