Bootstrap中列表项内的超链接(Hyperlinks within list items in Bootstrap)

我正在使用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>

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

I am using bootstrap 3, and have written the following 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>

None of the links are working. I have tried swapping them around, so they become:

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

Which makes the link work, but then the layout is incorrect. Any ideas where I'm going wrong?

最满意答案

根据您提供的信息，我发现它有效。 我改变了一行

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

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

With the information that you have provided I found that it worked. I changed the one line to

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

so that I had something to click on and it worked fine. The problem must be in your CSS.

Bootstrap中列表项内的超链接(Hyperlinks within list items in Bootstrap)

我正在使用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>

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

I am using bootstrap 3, and have written the following 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>

None of the links are working. I have tried swapping them around, so they become:

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

Which makes the link work, but then the layout is incorrect. Any ideas where I'm going wrong?

最满意答案

根据您提供的信息，我发现它有效。 我改变了一行

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

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

With the information that you have provided I found that it worked. I changed the one line to

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

so that I had something to click on and it worked fine. The problem must be in your CSS.