title: Why I can't change color of breadcrumb list
body: <p>I have breadcrumb and my problem is I can't change text color of breadcrumb lists. I changed font weight successfully, but color is problem.
  I tried to write <code>color: white;</code> , but not working, down is code.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="container-fluid footer"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-xs-12"&gt;
  
              &lt;img src="img/Gallery/fb.png" alt=""&gt; &amp;nbsp
              &lt;img src="img/Gallery/twitter.png" alt=""&gt; &amp;nbsp
              &lt;img src="img/Gallery/youtube.png" alt=""&gt; &amp;nbsp
              &lt;img src="img/Gallery/myspace.png" alt=""&gt;
  
              &lt;ol class="breadcrumb"&gt;
              &lt;li&gt;&lt;a class="active"&gt;Home&lt;/a&gt;&lt;/li&gt;  &amp;nbsp
              &lt;li&gt;&lt;a href="#"&gt;Gallery&lt;/a&gt;&lt;/li&gt;  &amp;nbsp
              &lt;li&gt; &lt;a href="#"&gt;FAQ&lt;/a&gt;&lt;/li&gt;   &amp;nbsp
              &lt;li&gt; &lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
              &lt;/ol&gt;
  
              &lt;p&gt;&lt;small&gt;Copyright &lt;span class="glyphicon glyphicon-copyright-mark"&gt;&lt;/span&gt;  All Right Reserved | Testing Website &lt;/small&gt;&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.col-xs-12 .breadcrumb{
      background-color: #2b2b2b;
      color: white;
      font-family: TW Cen MT;
      font-size:18px;
      font-weight: bold;
  
  }
  .breadcrumb &gt; li + li:before {
    content: none;
  }
  </code></pre>