Question

我正在尝试使用真棒字体添加图标。我使用了bootstrap按钮类型，它工作正常。但是，当我想使用标签添加社交图标时，它似乎没有。我怎么能这样做？

   <div id="socialLoginList">
                <p>
                @foreach (AuthenticationDescription p in loginProviders)
                {
                    <button type="submit" class="btn btn-lg btn-social btn-@p.AuthenticationType.ToLower()" id="btn-socialID" name="provider" value="@p.AuthenticationType" title="Log in using your @p.Caption account"><i class="fa fa-@p.AuthenticationType"></i>@p.AuthenticationType</button><br /><br />
                }
                </p>
            </div>

Answer 1

只需在此处ToLower：

<i class="fa fa-@p.AuthenticationType.ToLower()">

字体真棒图标均为小写，因此如果您执行ToLower，它应该选择它们。请记住HTML class names are case-sensitive。

E.g。

<i class="fa fa-google"></i>
<i class="fa fa-facebook"></i>

如何在Razor视图中将变量实现到<i>标记类</i>

1 个答案: