0

我正在尝试将 MVC Asp 应用程序默认附带的 Login Partial 更改为按钮并移至导航栏的右侧（我正在使用 twitter bootstrap）。我基本上希望我的按钮看起来像一个示例（在 v2.1 的 bootstap 中似乎不再存在），这些示例显示在站点上，带有一个人 silohette 并作为右侧的按钮。我不确定是否有人知道我在说什么？

我的 HTMLPartial 如下：

    @If Request.IsAuthenticated Then
        @<text>Welcome <strong>@User.Identity.Name</strong>!
        @Html.ActionLink("Log Off", "LogOff", "Account")</text>
    Else
        @:@Html.ActionLink("Log On", "LogOn", "Account")
    End If

我的观点中与此相关的部分是：

<!-- Menu for Reporting -->
<li class="pull-right">@Html.Partial("_LogOnPartial")</li>

如您所见，我已尝试在课堂上实现 pull-right，但它没有效果。我也有部分改变：

@Html.ActionLink("Log On", "LogOn", "Account")

到

@Html.ActionLink("Log On", "LogOn", "Account", New With {.class = "btn"})

但这会产生一个非常大的按钮，其行为奇怪，并且登录时的名称等不在按钮中（而是显示在其上方）。

4

1 回答 1

1

你不应该使用带有 li 标签的 pull-right。这应该用 div 来完成。您必须将代码放入以下 ​​html 中，然后就可以了！

<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">$Account</a><span class="caret"></span>
<ul class="dropdown-menu"><li>whatever you like</li><li>whatever you like</li></ul>
</div>

希望这会有所帮助:)

于 2012-08-23T12:28:45.753 回答