title: Changing h1 color of Bootstrap Jumbotron
body: <p>pretty new to Bootstrap and just started to play around with it. But there's one thing (that should be extremely obvious) that I can't get to work. And thats changing the color of the h1 tags in the jumbotron.</p>
  
  <p>HTML Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Hello WWW&lt;/title&gt;
      &lt;link rel="stylesheet" href="main.css"&gt;
  
      &lt;!-- Latest compiled and minified CSS --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt; 
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="jumbotron"&gt;
          &lt;h1&gt;Progression of Connected Computing&lt;/h1&gt;
          &lt;p&gt;Learn more about the internet&lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>main.css code:</p>
  
  <pre><code>.jumbotron h1{
      color: #fff;
  }
  
  .jumbotron p{
      color: #fff;
  }
  </code></pre>
  
  <p>The problem is, the p tags are correctly changed and turn white, but for some reason the h1 tags don't? Probably something silly I'm doing but I can't seem to figure out what it is. Thanks!</p>