Fatal编程技术网

Twitter bootstrap 在两行上引导一个值

twitter-bootstrap asp.net-mvc-4 twitter-bootstrap-3

Twitter bootstrap 在两行上引导一个值,twitter-bootstrap,asp.net-mvc-4,twitter-bootstrap-3,Twitter Bootstrap,Asp.net Mvc 4,Twitter Bootstrap 3,有了这段代码，我有一个菜单，我应该有5个条目，在我的示例中，我只有3个菜单，在右边我想有客户的电子邮件地址+注销，我的问题是，电子邮件+注销在两行上，我想在一行上，怎么可能在一行上呢 谢谢 <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation">

有了这段代码，我有一个菜单，我应该有5个条目，在我的示例中，我只有3个菜单，在右边我想有客户的电子邮件地址+注销，我的问题是，电子邮件+注销在两行上，我想在一行上，怎么可能在一行上呢

谢谢

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <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="#page-top">General information</a>
        </div>

        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
                <li class="hidden">
                    <a href="#page-top"></a>
                </li>
                <li class="page-scroll">
                    <a href="#services">Client</a>
                </li>
                <li class="page-scroll">
                    <a href="#contact">Sales</a>
                </li>
            </ul>

             <ul class="nav navbar-nav navbar-right">
                <li>
                    @if (Request.IsAuthenticated)
                    {
                        <text>
                        @Html.ActionLink(User.Identity.Name, "Manage", "Account", routeValues: null, htmlAttributes: new { @class = "username", title = "Manage" })
                @using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { id = "logoutForm" }))
                {
                    @Html.AntiForgeryToken()<a href="javascript:document.getElementById('logoutForm').submit()">Log off</a>
                }
                        </text>
                    }
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>
</body>
这样就可以了。。。只需将动态代码插回到那里，您就可以开始了：

引导层：

导航栏的输出是什么？@nozzleman这是我的：myemail@gmail.com注销代码源代码视图电子邮件是一行，注销在另一行非常感谢它的工作，我的注销比电子邮件高一点，但对我来说没问题 
<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header"><a class="navbar-brand" href="#">General</a>
        <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
      </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Client</a></li>
          <li><a href="#">Sales</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">Manage</a></li>
          <li><a href="#">Log Off</a></li>
        </ul>
      </div>
  </div>
</div>