1

ログインユーザー名と検索入力テキストを表示する次のレイアウト 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;
}

現在、次のレイアウトの問題があります。ユーザー名が次のようにレイアウトから外れることです:- ここに画像の説明を入力

だから私の質問は、現在のレイアウトを変更して、ログインユーザー名の下にテキスト検索フィールドを表示し、ユーザー名を画面の右側に表示する方法です。

ありがとう

4

1 に答える 1