Question

尝试将href放在span类中，但我无法使href链接起作用。

<a href="../../public/bassengweb/logout">Logg ut<span class="label label-danger"></span></a>

标签危险也不会出现。

Answer 1

Link to working span - Bootply

这是因为CSS中的这一行：

.label:empty{
  display:none;
}

如果你在span标签之间写了一些内容，它就会起作用。

<a href="../../public/bassengweb/logout"><span class="label label-danger">Logg ut</span></a>

虽然，正常情况下看起来很糟糕。悬停时引导标签，可能会做这样的事情：

<a href="../../public/bassengweb/logout">Logg ut</a><span class="label label-danger">Danger</span>

Answer 2

这是最好的方法！它既简单又干净。

<span onclick="window.location.href='www.google.com';">text</span>

然后您可以为其指定颜色class:hover

Answer 3

<span>课程label应包含内容，查看Boostrap的例子Boostrap Component - Label 也许你应该尝试放一个＆＃34; x＆＃34;

<a href="../../public/bassengweb/logout">Logg ut<span class="label label-danger">x</span></a>

或使用glyphicons，也许

<a href="../../public/bassengweb/logout">Logg ut<span class="label label-danger"><span class="glyphicon glyphicon-circle-arrow-right"></span></span></a>

Answer 4

对于标签css使用：

class="label label-important"

它对我有用

跨度与href链接无法正常工作

4 个答案: