ログインユーザー名と検索入力テキストを表示する次のレイアウト html があります。
<section id="login" class="navbar-search pull-right">
<span class="username"><i class="icon-user"></i><strong> @User.Identity.Name.Substring(User.Identity.Name.IndexOf("\\") + 1)</strong></span>
<form method="GET" action="@Url.Action("Search", "Home")">
<input placeholder=".." name="searchTerm2" data-autocomplete-source= "@Url.Action("AutoComplete", "Home")" type="text" />
</form>
</section>
および関連する css クラス:-
.navbar-search {
position: relative;
float: right;
margin-top: 6px;
margin-bottom: 0;
}
現在、次のレイアウトの問題があります。ユーザー名が次のようにレイアウトから外れることです:-
だから私の質問は、現在のレイアウトを変更して、ログインユーザー名の下にテキスト検索フィールドを表示し、ユーザー名を画面の右側に表示する方法です。
ありがとう