Bootstrap中列表项中的超链接

Question

我正在使用bootstrap 3，并编写了以下HTML：

<ul class="list-inline pull-right">
    <li class="sprite-link1"><a href="http://www.link1.co.uk/" target="_blank"></a></li>
    <li class="sprite-link2"><a href="http://www.link2.co.uk/" target="_blank"></a></li>
    <li class="sprite-link3"><a href="http://www.link3.co.uk/" target="_blank"></a></li>
    <li class="sprite-link4"><a href="http://www.link4.co.uk/" target="_blank"></a></li>
    <li class="sprite-link5"><a href="http://www.link5.co.uk/" target="_blank"></a></li>
</ul>

这些链接都没有效果。我试过交换它们，所以它们变成了：

<a href="http://www.link1.co.uk/" target="_blank"><li class="sprite-link1"></li></a>

这使链接工作，但布局不正确。我出错的任何想法？

Answer 1

根据您提供的信息，我发现它有效。我将一行更改为

<li class="sprite-link5"><a href="http://www.link5.co.uk/" target="_blank">go here!</a></li>

所以我有点点击的东西，它工作正常。问题必须出在你的CSS中。