レスポンシブ ブートストラップ ナビゲーション バーの要約ビューに単純なテキスト コンテンツを表示する方法を見つけようとしていますが、これまでのところ何も機能しません。私が欲しいのは、ナビゲーションバーの右上にある単純な [ユーザー名] [ログオフ] だけです。これは、画面が小さすぎる場合やウィンドウのサイズが変更された場合に、ボタンでアクセスできるリスト。ログイン情報をそのボタンの右側にとどめ、完全なビューで右に揃える (ページ リンクが左に揃えられる) ようにします。
体:
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="~/Home/Index">Index</a>
@Html.Partial("_TopMenuPartial")
@Html.Partial("_LoginPartial")
</div>
</div>
</div>
...
</body>
_TopMenuPartial:
<div class="row">
<div class="nav-collapse">
<ul class="nav">
<li class="divider-vertical"></li>
<li class="active"><a href="~/Home/Index">Home</a></li>
<li class="divider-vertical"></li>
<li class="active"><a href="#">Link 2</a></li>
<li class="divider-vertical"></li>
<li class="active"><a href="#">Link 3</a></li>
<li class="divider-vertical"></li>
<li class="active"><a href="#">Link 4</a></li>
</ul>
</div>
</div>
_LoginPartial:
@if (Request.IsAuthenticated)
{
@Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Manage" })
using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" })) {
@Html.AntiForgeryToken()
<a href="javascript:document.getElementById('logoutForm').submit()">Log off</a>
}
}
else
{
@Html.ActionLink("Register", "Register", "Account", routeValues: null, htmlAttributes: new { id = "registerLink" })
@Html.ActionLink("Log in", "Login", "Account", routeValues: null, htmlAttributes: new { id = "loginLink" })
}
事前に助けてくれてありがとう。私はこれらすべてを扱うのに非常に慣れていません。