我想在导航栏的右上角有一个注册和登录链接，并在左对齐一个响应式折叠菜单

Question

我对引导程序很陌生，我一直在尝试对导航栏右侧的登录和注册链接进行排序。

pull-right正在工作，但它也会影响我不希望的折叠菜单：我想让它与我的主nav内联，该主位于相同的nav菜单中，但ul列表中不同，这可能吗？

编辑：添加了我的导航栏代码的其余部分。我目前在 col-md-2 上没有 css，因为我尝试将 @media 与 min-width一起使用，max-width与 float:left 或 text-align:left 一起使用，但它们根本不起作用，我也尝试了没有@media。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-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="index.php"><img src="Assets/designclick.png" alt="Design Click"></a>
</div>
<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Discover</a></li>
    <li><a href="#">Designers</a></li>
    <li><a href="#">Jobs</a></li>
    <li><a href="#">About</a></li>
  </ul>
  <div class="col-md-2 pull-right">
    <ul class="nav navbar-nav memblogin">
      <li class="memblogin"><a href="#">Sign Up</a></li>
        <li class="dropdown" id="menuLogin">
          <a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Login</a>
          <div class="dropdown-menu" style="padding:17px;">
            <form class="form" id="formLogin"> 
              <input name="username" id="username" type="text" placeholder="Username"> 
              <input name="password" id="password" type="password" placeholder="Password"><br>
              <button type="button" id="btnLogin" class="btn">Login</button>
            </form>
          </div>    

Answer 1

我在这篇文章的帮助下修复了它 - 引导导航栏，带有左、中和右对齐的项目

我删除了 col-md 和 pull-right，而是添加了导航栏-right，然后我添加了填充右：30px; 到我的导航栏中的 css。注册和登录链接位于右上角，而当导航折叠时，则向左对齐。这是我现在的代码 -

<ul class="nav navbar-nav navbar-right">
    <li class="memblogin"><a href="#">Sign Up</a></li>
      <li class="dropdown" id="menuLogin">
        <a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Login</a>
        <div class="dropdown-menu" style="padding:17px;">
          <form class="form" id="formLogin"> 
            <input name="username" id="username" type="text" placeholder="Username"> 
            <input name="password" id="password" type="password" placeholder="Password"><br>
            <button type="button" id="btnLogin" class="btn">Login</button>
          </form>

而 CSS 是

.navbar-inverse {
 background-color: #0F1122;
 padding-right: 30px;
 }