Asp.net mvc 如何在MVC Razor中使用Bootstrap Badge类？

如何使用Bootstrap Badge类在按钮旁边显示数字？在本例中，我使用@ActionLink。我在bootstrap页面上看到，我应该使用一个HTML跨度作为徽章

代码：

@ActionLink（“Home”、“Index”、“Home”、null、new{@class=“list group item”}）
@ActionLink（“Auto's”，“Lijst”，“Auto”，null，new{@class=“list group item”}）
@ActionLink（“Medewerkers”、“Lijst”、“Medewerker”、null、new{@class=“list group item”}）
@ActionLink（“Dagprogramma”、“Dagprogramma”、“Medewerker”，null，新的{@class=“列表组项”}）
@ActionLink（“Contact”、“Contact”、“Home”、null、new{@class=“list group item”}）

您不能在由

ActionLink

helper方法生成的链接标记中包含自定义html标记。您可以做的是，编写一个锚定标记，并在其中包含跨度。使用

Url.Action

方法生成操作方法的正确相对Url，将其用作链接的

href

属性值

 @Html.ActionLink("Medewerkers", "Lijst", "Medewerker", null, 
                                                   new { @class = "list-group-item" })

  <a href="@Url.Action("Dagprogramma","Medewerker")"
                class="list-group-item"> Dagprogramma <span class="badge">99</span>
  </a>
  @Html.ActionLink("Contact", "Contact", "Home", null, 
                                                       new { @class = "list-group-item" })

@Html.ActionLink（“Medewerkers”、“Lijst”、“Medewerker”、null、，
新建{@class=“列表组项目”}）
@ActionLink（“联系人”、“联系人”、“主页”，空，
新建{@class=“列表组项目”}）

您不能在由

ActionLink

helper方法生成的链接标记中包含自定义html标记。您可以做的是，编写一个锚定标记，并在其中包含跨度。使用

Url.Action

方法生成操作方法的正确相对Url，将其用作链接的

href

属性值

 @Html.ActionLink("Medewerkers", "Lijst", "Medewerker", null, 
                                                   new { @class = "list-group-item" })

  <a href="@Url.Action("Dagprogramma","Medewerker")"
                class="list-group-item"> Dagprogramma <span class="badge">99</span>
  </a>
  @Html.ActionLink("Contact", "Contact", "Home", null, 
                                                       new { @class = "list-group-item" })

@Html.ActionLink（“Medewerkers”、“Lijst”、“Medewerker”、null、，
新建{@class=“列表组项目”}）
@ActionLink（“联系人”、“联系人”、“主页”，空，
新建{@class=“列表组项目”}）

徽章不就是一个span标签吗？5你可以把它放在actionlink的左边。如果这不是你的意思，请澄清。没有工作，无论如何谢谢。它只是把徽章放在actionlink上面，徽章不就是一个span标签吗？5你可以把它放在actionlink的左边。如果这不是你的意思，请澄清。没有工作，无论如何谢谢。它只是把徽章放在actionlink上面我刚刚试过这个，它确实有效，但不是它应该的方式。它会创建一个额外的文本，并且不会将徽章放在ActionLink上。屏幕截图：你确定你的标记是正确的吗。我复制并粘贴了答案，并尝试了它，它对我很好，我只是尝试了这个，它确实有效，但不是它应该的方式。它会创建一个额外的文本，并且不会将徽章放在ActionLink上。屏幕截图：你确定你的标记是正确的吗。我复制并粘贴了答案，并尝试了一下，它对我来说效果很好，