Question

我正在尝试将默认情况下使用MVC Asp应用程序的Login Partial更改为按钮并移动到导航栏的右侧（我使用的是twitter bootstrap）。我基本上喜欢我的按钮看起来像一个例子（在bootstap的v2.1中似乎没有更多），在网站上显示一个人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>

正如你所看到的，我试图在课堂上实现拉动权，但它没有效果。我也部分改变了：

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

到

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

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

Answer 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>

希望这会有所帮助：）

以按钮和右侧登录

1 个答案: