title: CSS Bootstrap buttons
body: <p>I have a problem with stylize buttons in bootstrap.</p>
  
  <pre><code>&lt;div class="btn-group"&gt;
      &lt;button class="btn btn-midd"&gt;Link&lt;/button&gt;
      &lt;button class="btn btn-midd dropdown-toggle"&gt;
         &lt;span class="icon-download-alt icon-gray"&gt;&lt;/span&gt;
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to change "icon-gray" to "icon-blue". Of course i have different image (and class which change backround-image).  Icon-blue should be change on hover.</p>
  
  <p>Thanks for help.</p>
  
  <p>CSS:</p>
  
  <pre><code>.icon-blue {background-image: url("../img/glyphicons-halflings-blue.png");}
   .icon-download-alt {background-position: -408px -96px;}
  </code></pre>
  
  <p>Here an example :</p>
  
  <p><img src="https://i.stack.imgur.com/ihfh4.png" alt="enter image description here"></p>