title: Change back-ground color of stacked nav pills in twitter bootstrap 3
body: <p>I'm using twitter bootstrap 3.</p>
  
  <p>I want to change background color of stacked nav pill (ul)</p>
  
  <p><strong>css</strong></p>
  
  <pre><code>   .red .active a,
  .red .active a:hover {
      background-color: red !important;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="col-lg-3"&gt;
                  &lt;ul class="nav nav-pills nav-stacked red" id="NavParent"&gt;
                      &lt;li class=""&gt;&lt;a href="#" onclick="MenuToggle(this)"&gt;&lt;span class="pull-right glyphicon glyphicon-arrow-down"&gt;
                      &lt;/span&gt;Home&lt;/a&gt;
                          &lt;div class="collapse"&gt;
                              &lt;ul class="nav nav-pills nav-stacked"&gt;
                                  &lt;li class=""&gt;&lt;a href="#"&gt;Home1&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Profile&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Messages&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/div&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>what I'm missing here?</p>