title: Changing the color of the links in my bootstrap navbar
body: <p>I have this code for my navbar:</p>
  
  <pre><code> &lt;nav class="navbar navbar-fixed-top" id="my-navbar"&gt;
     &lt;div class="container"&gt;
         &lt;div class="navbar-header"&gt;
             &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
             &lt;/button&gt;
             &lt;a href="" class="navbar-brand"&gt;&lt;img style ="max-width:100px; margin-top: -7px;" src="images/firma-Edgar-Ayales.png" alt=""&gt;&lt;/a&gt;
         &lt;/div&gt;&lt;!--End navbar-header--&gt;  
         &lt;div class="collapse navbar-collapse navbar-right" id="navbar-collapse"&gt;
             &lt;ul class="nav navbar-nav"&gt;
                 &lt;li&gt;&lt;a href="#portfolio"&gt;Feedback&lt;/a&gt;
                 &lt;li&gt;&lt;a href="#features"&gt;Gallery&lt;/a&gt;
                 &lt;li&gt;&lt;a href="#gallery"&gt;Features&lt;/a&gt;
                 &lt;li&gt;&lt;a href="#feedback"&gt;Faq&lt;/a&gt;
                 &lt;li&gt;&lt;a href="#contact"&gt;ContactUs&lt;/a&gt;
             &lt;/ul&gt;
         &lt;/div&gt;
     &lt;/div&gt;&lt;!-- End container --&gt;
  </code></pre>
  
  <p> </p>
  
  <p>And I want to change the links color, I tried this in my css:</p>
  
  <pre><code>.navbar {
   background: rgba(0,0,0,0.4);
      font-family: "Raleway";
  font-size:10pt;
  letter-spacing: 3pt;
  color: black; 
  </code></pre>
  
  <p>}</p>
  
  <p>I also tried adding !important but I can't make it.</p>