【问题标题】:How to use glyphicon in HTML helpers? [duplicate]如何在 HTML 助手中使用 glyphicon? [复制]
【发布时间】:2018-04-28 17:24:54
【问题描述】:

我有一个显示字形图标和一些样式的锚元素:

<a href="#" class="btn btn-3d btn-xlg btn-reveal btn-brown">
    <i class="glyphicon glyphicon-arrow-right"></i>
    <span>REVEAL EXTRA LARGE</span>
</a>

在我的项目中,我使用 HTML 助手来创建锚元素。

我有这个 html 助手来创建锚元素:

@Html.ActionLink(item.Name, "About", "Home", item, new { @class = "btn btn-3d btn-xlg btn-reveal btn-brown" })

但我不知道如何将&lt;i class="glyphicon glyphicon-arrow-right"&gt;&lt;/i&gt; 元素添加到 HTML 帮助器中。

如何在 HTML 帮助器中定义 &lt;i class="glyphicon glyphicon-arrow-right"&gt;&lt;/i&gt;

【问题讨论】:

    标签: asp.net-mvc razor


    【解决方案1】:

    使用@Url.Action

    <a href="@Url.Action("About", "Home")" class="btn btn-3d btn-xlg btn-reveal btn-brown">
      <i class="glyphicon glyphicon-arrow-right"></i>
      <span>REVEAL EXTRA LARGE</span>
    </a>
    

    【讨论】:

    • 感谢您的帖子。我应该把物品放在哪里?
    • @Michael 您可以将它放在锚标记中,并在其前面加上 @。 @item.NAME。删除 &lt;span&gt;REVEAL EXTRA LARGE&lt;/span&gt; 并将其放置在那里。
    猜你喜欢
    • 1970-01-01
    • 2012-11-26
    • 1970-01-01
    • 1970-01-01
    • 2012-05-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多