html - Bootstrap 红色列表文本不起作用

Question

我想在列表中的元素旁边显示一个红色的“X”作为删除元素的链接。

我读过我可以在 Bootstrap 中使用辅助类使文本变红: http://getbootstrap.com/css/#helper-classes

<ul>
  <li>
    <a href="/regions/91">Wales</a>
    <span class="text-danger">
      <a data-confirm="Are you sure?" data-method="delete" href="/regions/91" rel="nofollow">X</a>
    </span>
  </li>
</ul

Answer 1

只需添加 text-danger类到 <a>标记自身。

像这样(选项 1):

<ul>
  <li>
    <a href="/regions/91">Wales</a>
    <a class="text-danger" data-confirm="Are you sure?" data-method="delete" href="/regions/91" rel="nofollow">X</a>
  </li>
</ul>

或者这个(选项 2):

<ul>
  <li>
     <a href="/regions/91">Wales</a>
     <a data-confirm="Are you sure?" data-method="delete" href="/regions/91" rel="nofollow">
         <span class="text-danger">X</span>
     </a>
  </li>
</ul>

Here is a fiddle for both options