Html 无法将css样式连接到登录按钮

我正在编写ASP.NETMVC应用程序

我有来自社交网站auth的页面

我发现按钮的css样式很棒

我根据本教程制作所有内容

但我的按钮看起来不像教程中的按钮

以下是截图：

这是我的.cshtml文件

    @model SmartSolutions.Models.ExternalLoginListViewModel
@using Microsoft.Owin.Security

<h4>Зайдите используя социальные сети</h4>
<hr />
@{
    var loginProviders = Context.GetOwinContext().Authentication.GetExternalAuthenticationTypes();
    if (loginProviders.Count() == 0)
    {
        <div>
            <p>
                There are no external authentication services configured. See <a href="http://go.microsoft.com/fwlink/?LinkId=403804">this article</a>
                for details on setting up this ASP.NET application to support logging in via external services.
            </p>
        </div>
    }
    else
    {
        using (Html.BeginForm("ExternalLogin", "Account", new { ReturnUrl = Model.ReturnUrl }))
        {
            @Html.AntiForgeryToken()
           <div id="socialLoginList">
     <div class="btn-group-vertical" aria-label="Login Providers">
           @foreach (AuthenticationDescription p in loginProviders)
           {
            // Use the Caption property to create CSS classes for the button & icon
                string buttonClass = "btn-" + p.Caption.ToLower();
                string faClass = "fa-" + p.Caption.ToLower();

             // The Microsoft Font Awesome icon is 'fa-windows'...
             if (p.Caption.ToLower() == "microsoft")
            {
                 faClass = "fa-windows";
               }

               <button type="submit" class="btn btn-lg @buttonClass" id="@p.AuthenticationType" name="provider" value="@p.AuthenticationType" aria-label="@p.Caption" title="Log in using your @p.Caption account.">
                  <i class="fa @faClass"></i>
                     @p.AuthenticationType
                   </button>
          }
       </div>
   </div>
        }
    }
}

@model SmartSolutions.Models.ExternalLoginListViewModel
@使用Microsoft.Owin.Security
Зайдите используя социальные сети

@{
var loginProviders=Context.GetOwinContext（）.Authentication.GetExternalAuthenticationTypes（）；
if（loginProviders.Count（）==0）
{

没有配置外部身份验证服务。请参阅
有关设置此ASP.NET应用程序以支持通过外部服务登录的详细信息，请参阅。

}
其他的
{
使用（Html.BeginForm（“ExternalLogin”，“Account”，new{ReturnUrl=Model.ReturnUrl}））
{
@Html.AntiForgeryToken（）
@foreach（loginProviders中的AuthenticationDescription p）
{
//使用Caption属性为按钮和图标创建CSS类
字符串按钮class=“btn-”+p.Caption.ToLower（）；
字符串faClass=“fa-”+p.Caption.ToLower（）；
//Microsoft字体的超级图标是“fa windows”。。。
如果（p.Caption.ToLower（）=“microsoft”）
{
faClass=“fa窗口”；
}
@p、 身份验证类型
}
}
}
}

我做错了什么

---

谢谢您的帮助

请提供一个。我提供了这个示例。我有代码，我告诉您有关问题@DaniSpringer