title: Upside down caret
body: <p><strong>HTML</strong></p>
  
  <pre><code> &lt;span class="caret"&gt;&lt;/span&gt; 
  </code></pre>
  
  <p>Gives me a caret arrow <code>▼</code>, but I want to have a caret that looks like <code>▲</code>.</p>
  
  <p>Is there any class for this available in Bootstrap? If not, how to achieve this?</p>