0

MVC Asp アプリにデフォルトで付属する Login Partial をボタンに変更し、ナビゲーション バーの右側に移動しようとしています (Twitter ブートストラップを使用しています)。私は基本的に、自分のボタンを、サイトに人物のシルエットと右側のボタンとして表示されている例の 1 つ (bootstap の v2.1 ではもうないようです) のように見せたいと思っています。私が話していることを誰かが知っているかどうかわかりませんか？

私の 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"})

しかし、これにより、奇妙な動作をする非常に大きなボタンが生成され、ログイン時の名前などがボタンに表示されません(むしろ、その上に表示されます)。

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 に答える