title: How to change the color of sidebar in bootstrap
body: <p>by default it is blue color , I wanted it to change in green color. 
  Please somebody help me . I am new to this. </p>
  
  <pre><code> &lt;div class="container-fluid"&gt;
          &lt;div class="row-fluid"&gt;
              &lt;div class="span3" id="sidebar"&gt;
                  &lt;ul class="nav nav-list bs-docs-sidenav nav-collapse collapse"&gt;
                      &lt;li&gt; &lt;a href="dashboard_admin.php"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; Dashboard&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt; &lt;a href="add_employee.php"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; Add Employee&lt;/a&gt; &lt;/li&gt;
                      &lt;li class="active"&gt; &lt;a href="view_edit_delete_emp.php"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; View Edit Delete Employee&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt; &lt;a href="add_users.php"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; Add User&lt;/a&gt; &lt;/li&gt;
                      &lt;li&gt; &lt;a href="view_user.php"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; View User&lt;/a&gt; &lt;/li&gt;
                      &lt;li&gt; &lt;a href="edit_delete_users.php"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; View Edit Delete User&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; View Leave Request&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt; &lt;a href="#"&gt;&lt;i class="icon-chevron-right"&gt;&lt;/i&gt; Leave History&lt;/a&gt; &lt;/li&gt;
                      &lt;li&gt; &lt;a href="#"&gt;&lt;span class="badge badge-success pull-right"&gt;731&lt;/span&gt; Employees&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt; &lt;a href="#"&gt;&lt;span class="badge badge-success pull-right"&gt;812&lt;/span&gt; Users&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;  &lt;a href="#"&gt;&lt;span class="badge badge-info pull-right"&gt;27&lt;/span&gt; Today's Leaves&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;  &lt;a href="#"&gt;&lt;span class="badge badge-info pull-right"&gt;1,234&lt;/span&gt; Leave Requests&lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  </code></pre>