title: Bootstrap Change Navbar Link Colors
body: <p>I know this topic has been beaten to death, but what I have read isn't working. I'm simply trying to change the links in my bootstrap navbar to the color white. I know I have the CSS on it because I can change the font-size, but not the color.</p>
  
  <pre><code>nav .navbar-nav li{
    color: white !important;
    font-size: 25px;
    }
  
  &lt;nav class="navbar navbar-expand-lg navbar-light fixed-top sticky-top"&gt;
    &lt;%= link_to root_path, class: 'navbar-brand' do %&gt;
              &lt;span class="fa fa-home" aria-hidden="true"&gt; Bartlett Containers LLC&lt;/span&gt;  &lt;% end %&gt;
  
  
    &lt;button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"&gt;
      &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
    &lt;/button&gt;
    &lt;div class="collapse navbar-collapse" id="navbarResponsive"&gt;
      &lt;ul class="navbar-nav"&gt;
        &lt;li class="nav-item"&gt;
          &lt;%=link_to 'Pricing', pricing_path, class: 'nav-link' %&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;%=link_to 'FAQ', faq_path, class: 'nav-link' %&gt;
        &lt;/li&gt;
        &lt;li class="nav-item"&gt;
          &lt;%=link_to 'Contact', contact_path, class: 'nav-link' %&gt; 
        &lt;/li&gt;
  
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>