title: Labels and badges in bootstrap
body: <p>By using bootstrap I would like to display green and red labels which context is like a v or a x.    </p>
  
  <p>The v should be green and the x should be red.</p>
  
  <p>I wrote the following code, but I would like to have a better effect.   </p>
  
  <pre><code>&lt;span class="badge badge-success"&gt;V&lt;/span&gt;
  &lt;span class="badge badge-important"&gt;X&lt;/span&gt;
  </code></pre>
  
  <p>Any ideas how should I get it by using bootstrap?</p>
  
  <p>Here is an example of what I would get by using bootstrap labels and badges.</p>
  
  <p><img src="https://i.stack.imgur.com/Avq8w.gif" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/RKw8P.png" alt="enter image description here"></p>