title: Bootstrap red list text not working
body: <p>I would like to display a red "X" next to items in a list as a link to delete the item.</p>
  
  <p>I have read I can make the text red using helper classes in bootstrap:
  <a href="http://getbootstrap.com/css/#helper-classes" rel="nofollow">http://getbootstrap.com/css/#helper-classes</a></p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;a href="/regions/91"&gt;Wales&lt;/a&gt;
      &lt;span class="text-danger"&gt;
        &lt;a data-confirm="Are you sure?" data-method="delete" href="/regions/91" rel="nofollow"&gt;X&lt;/a&gt;
      &lt;/span&gt;
    &lt;/li&gt;
  &lt;/ul
  </code></pre>