css - 在 Bootstrap 导航栏中显示 LoginView 状态

Question

我正在尝试使用 bootstrap 提供的模板，但想在导航栏的右侧添加登录 View 和登录状态。我无法正确修改它，所以我可以包含登录状态。请帮忙这是使用 bootstrap 的母版页

<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>

这是我想包含的登录 View

<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>

Answer 1

虽然帖子是旧的，但我有同样的问题，我花了相当多的时间后解决了它。希望这会帮助其他人。您可以使用以下代码。

<ul class="nav navbar-nav navbar-right">
    <asp:LoginView  ID="LoginView1" runat="server">
    	<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>
    	<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>
    	</LoggedInTemplate>
    </asp:LoginView>
</ul>

谢谢