在LoginStatus控制器中使用Bootstrap圖形標記

Question

我目前正在更新舊的webForms應用程序並刷新它並使其使用Bootstrap進行響應。

我遇到的一個問題是將圖形圖像應用到LoginStatus控制器。

到目前爲止，我有以下代碼：

<div class="collapse navbar-collapse" id="mainNavigation"> 
    <ul class="nav navbar-nav navbar-left"> 
     <li><a href="/Bookings/BookingsReport.aspx"><span class="glyphicon glyphicon-stats"></span> Bookings Report</a></li> 
     <li><a href="/Announcements/AnnounceList.aspx"><span class="glyphicon glyphicon-comment"></span> Announcements</a></li> 
     <li><a href="/Links/UsefulLinks.aspx"><span class="glyphicon glyphicon-list"></span> Useful Links</a></li> 
     <li><a href="/Hotels/HotelList.aspx"><span class="glyphicon glyphicon-bed"></span> Hotel Amenities</a></li> 
    </ul> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="dropdown"> 
      <asp:hyperlink runat="server" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> <%= Session("CustomerGreeting")%> <span class="caret"></span></asp:hyperlink> 
      <ul class="dropdown-menu" role="menu"> 
       <li role="presentation" class="dropdown-header"></li> 
       <li role="presentation"><asp:HyperLink ID="Button_Admin" runat="server" class="menuitem" Visible="false" NavigateUrl="~/Admin/Access/Users.aspx">Admin</asp:HyperLink></li> 
       <li role="presentation"><span class="glyphicon glyphicon-log-out"></span><asp:LoginStatus ID="LoginStatus1" runat="server" class="menuitem" LogoutAction="Redirect" LogoutPageUrl="~/Login.aspx" /></li> 
      </ul> 
     </li> 
    </ul> 
</div><!-- /.navbar-collapse --> 

正如你所看到的，用超鏈接是相當簡單的嵌套鏈接中的glyphicons與LoginStatus控制器，這是創造一個很好的演示效果然而由於缺乏結束標籤而不可能。

有沒有人知道如何調整，以實現這一目標？如果不是，我如何使用超鏈接執行註銷操作而不是LoginStatus控制器？

任何幫助將不勝感激。

N.B.我的整個菜單已經被嵌套在一個LoginView裏面，所以我不認爲這將是在這種情況下的一個選項

Answer 1

我今天面對的是相同的，我通過修改LogOutText這個LogoutText="<i aria-hidden="true" class="glyphicon glyphicon-log-out"></i>Log out"

也許達到了這個你將需要把之前..因爲我在RTL中做了一些瘦。