2015-01-16 46 views
1

我試圖使用bootstrap提供的模板,但想要在導航欄的右側添加登錄視圖和登錄狀態。我無法正確修改它,所以我可以包含登錄狀態。請使用幫助 這裏母版頁引導在Bootstrap導航欄中顯示LoginView狀態

<nav class="navbar navbar-inverse navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Sleep Track</a> 
     </div> 
     <div id="navbar" class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      </ul> 

     <ul class="nav navbar-nav navbar-right"> 
     <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> 
     <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
     </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </nav> 

這裏,我想登錄查看,包括它

<div> 
     Welcome 
     <asp:LoginName ID="LoginName2" runat="server" Font-Bold="true" /> 
    <br /> 
     <asp:Label ID="lblLastLoginDate" runat="server" /> 
     <asp:LoginStatus ID="LoginStatus1" runat="server" /> 
     <asp:LoginView ID="LoginView1" runat="server"></asp:LoginView> 
    </div> 

回答

0

雖然職位是舊的,但我有同樣的問題,我有花了不少時間後解決了它。希望這會幫助其他人。你可以做的是使用下面的代碼。

<ul class="nav navbar-nav navbar-right"> 
 
    <asp:LoginView ID="LoginView1" runat="server"> 
 
    \t <AnonymousTemplate><li><a href="Register.aspx"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> 
 
      <li><a href="Login.aspx"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
 
     </AnonymousTemplate> 
 
    \t <LoggedInTemplate><li><a href="#"><span class="glyphicon glyphicon-user"></span> <asp:LoginName ID="LoginName1" runat="server" /></a></li><li><asp:LoginStatus ID="LoginStatus1" runat="server" /></li> 
 
    \t </LoggedInTemplate> 
 
    </asp:LoginView> 
 
</ul>

感謝