title: Making Bootstrap button with an image
body: <p>I need to make a button that is an image so that when you click on it, it will do what the button is supposed to do. I'm making a carousel and trying to change the left and right buttons if you were wondering what I needed it for. At the bottom is the code I am trying to change. Instead of glyphicons I need it to be my own images.</p>
  
  <pre><code>&lt;/div&gt;
    &lt;a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"&gt;&lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;&lt;/a&gt;
    &lt;a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"&gt;&lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;&lt;!-- /.carousel --&gt;
  </code></pre>