title: How to change active link color in bootstrap css?
body: <p>I am using joomla 3 and bootstrap.min.js
  I am creating menu and giving special class in order to change hover, active, visited links and style of the menu.
  I could not find how to change active link color of menu. 
  Suppose I have 2 menu. Home and Contact.
  When I am in Home it is red, I want to change this color.
  I could change a:active and a:hover. 
  Here is code;</p>
  
  <pre><code>.topmenu .active a,
  .topmenu .active a:hover {
      background-color: white;
  }
  .topmenu &gt; li &gt; a{
      color: orange;
      font-weight:bold;
  }
  .topmenu &gt; li &gt; a:hover {
      color: black;
      background:white;
  } 
  </code></pre>
  
  <p>Even I used div to change color of active link.
  Here is code </p>
  
  <pre><code>#top-menu a{
  background-color: white;
  color: orange;
  font-weight:bold;
  }
  #top-menu a:focus
  {
      color: orange;
  }
  #top-menu a:hover{
      color: black;
  }
  </code></pre>
  
  <p>Every time when I click to Home it is activated and the color is red. What I want to change it to orange. Can not find how to do it. </p>
  
  <p>Here is my markup code</p>
  
  <pre><code>&lt;div id="top-menu"&gt;
  &lt;ul class="nav menu nav-pills topmenu"&gt;
  &lt;li class="item-109 current active"&gt;&lt;a href="/joomla3/"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li class="item-138"&gt;&lt;a href="/joomla3/?Itemid=138"&gt; Russian &lt;/a&gt;&lt;/li&gt;
  &lt;li class="item-110"&gt;&lt;a href="/joomla3/?Itemid=110"&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What do you suggest me to do?</p>