title: Change color of text in Bootstrap
body: <p>Im using bootstrap 4 if that matters, but I am trying to change the color of the texts within the anchor tags. I am using an external CSS file and can't seem to get it to work. This is probably a dumb question, but hey i'm new to front-end! Teach me wizards!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#home_nav {
    background-color: #5680E9;
  }
  .home_text{
    color:#ffffff;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container-fluid"  id="home_nav"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-4"&gt;
            &lt;div class="display-2 home_text"&gt;&lt;a href="/STEMuli_Website/HTML_Pages/Explore.html"&gt;Create&lt;/a&gt;&lt;/div&gt;
            &lt;div class="display-2 home_text"&gt;&lt;a href="/STEMuli_Website/HTML_Pages/Explore.html"&gt;Explore&lt;/a&gt;&lt;/div&gt;
            &lt;div class="display-2 home_text"&gt;&lt;a href="#"&gt;Your Library&lt;/a&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="col-8"&gt;
            
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>