ナビゲーションメニューが正しく表示されない

Question

私はブートストラップを使ってナビゲーションメニューを作成しています。このナビゲーションメニューは、MVC 5アプリケーション用に作成されています。管理メニューは調整の点で修正する必要があります。 Adminメニューに気づき、そのGyphicon画像が他のメニュー項目と揃っていない場合html.actionリンクを使用するようにメニュー項目を変更しました。これは、MVCでナビゲーションリンクを実装するための推奨方法です。

ナビゲーションメニュー

Htmlの

<header> 
     <nav class="navbar navbar-default"> 
      <div class="container-fluid"> 

       <div class="navbar-header"> 
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
         <span class="sr-only">Toggle navigation</span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </button> 
        <a href="#"><img src="~/Images/Computacenter.png" /> </a> 
        <h1>MCR</h1> 
       </div> 

       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 

        <ul class="nav navbar-nav navbar-right text-center"> 
         <li><a href="#"><span class="glyphicon glyphicon glyphicon-home" aria-hidden="true"></span><p>Home</p></a></li> 
         <li><a href="#"><span class="glyphicon glyphicon glyphicon-file" aria-hidden="true"></span><p>Requests</p></a></li> 
         <li><a href="#"><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span><p>Activities</p></a></li> 
         <li><a href="#"><span class="glyphicon glyphicon glyphicon-file" aria-hidden="true"></span><p>Reports</p></a></li> 
         <li class="hideli"><span class="glyphicon glyphicon glyphicon-cog" aria-hidden="true"></span>@Html.ActionLink("Admin", "Team", "Admin", null, null) </li> 
         <li><a href="#"><span class="glyphicon glyphicon-save" aria-hidden="true"></span><p>Save View</p></a></li> 
        </ul> 
       </div> 
      </div> 
     </nav> 

    </header> 

CSS

.navbar { 
    padding: 0; 
    background-color: #fff; 
} 

.navbar-header img { 
    max-height: 55px; 
    max-width: 55px; 
    padding-top: 25px; 
    margin-right: 5px; 
    float: left; 
} 

.navbar-header h1 { 
    float: left; 
    color: darkblue; 
} 

.navbar-search select { 
    position: relative; 
    left: 84px; 
} 


.nav navbar-nav navbar-right { 
    text-align: center; 
} 

.nav > li { 
    background-color: white; 
} 

.nav > li a:hover > .glyphicon { 
    color: #009ddc; 
} 


.nav li:hover p { 
    color: #009ddc; 
} 

.hideli { 

    padding-right: 200px; 
} 

ページのロードにレンダリングさの

要素

Answer 1

あなたはここのhttpからいくつかの助けを取ることができかもしれ

<li class="hideli"><a><span class="glyphicon glyphicon glyphicon-cog" aria-hidden="true"></span><p>@Html.ActionLink("Admin", "Team", "Admin", null, null) </p></a> </li>