title: Bootstrap button active and target styling not working
body: <p>I'm trying to customize my boostrap button colors, including on the hover state as well as when the user is busy clicking the button (button down) and after the user actually clicked the button. The sass that I have looks like this:</p>
  
  <pre><code>// Button styling
  button.btn {
    color: $white;
    background-color: $lightOrange;
    border-color: $darkOrange;
  }
  button.btn:hover {
    color: $white;
    background-color: $mediumOrange;
    border-color: $darkOrange;
  }
  button.btn:active, button.btn:target {
    color: $white;
    background-color: $darkOrange;
    border-color: $darkOrange;
  }
  </code></pre>
  
  <p>Now the default and hover states work great, but when the user clicks the mouse down on the button it defaults back to that gray color that is default with bootstrap. Also after the button has been clicked it remains that gray color instead of my <code>$darkOrange</code> that I specified. So in a nutshell, why doesn't <code>:active</code> and <code>:target</code> work?</p>