链接列表组中的徽章

Question

您好，我是相当新的bootstrap并使用最新版本（3.x）并且有一个列表组，我已将其作为链接组呈现，例如

我想要最终得到的是一个链接列表组，每个元素右侧都有一个徽章，这很简单，有一个无序的列表组，但我无法使用链接

由链接组我的意思是

<div class="list-group row">
    @foreach (var dept in Model.Units)
    {
        @Html.ActionLink(@dept, "TrackingLists", "TrackingLists", new { department = @dept }, new {@class="list-group-item"})
    }
</div>

我只是不确定将徽章放在哪里。

Answer 1

你有没有尝试过，例如：

<div class="list-group">
    <a href="#" class="list-group-item">some text<span class="badge">14</span></a>
</div>

Demo Fiddle

<强>更新

如果您无法在链接中添加HTML，请使用以下HTML

<ul class="list-group">
    <li class="list-group-item"> 
        <a href="#">some text</a><span class="badge">14</span>    
    </li>
</ul>

CSS      .list-group-item a {         显示：内联块;         宽度：90％;         高度：100％;         颜色：黑色;     }     .list-group-item a：悬停{         文字修饰：无;     }

Demo Fiddle