Css 导航栏右侧不起作用

不言自明。为什么导航栏右侧不关闭右侧的两个导航栏元素？我已经添加了正确的代码，所以我不明白为什么它不起作用

<nav class="navbar fixed-top navbar-toggleable-md navbar-inverse navbar-expanded" id="mainNav">
  <div class="container">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-="data-" toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
    <div class="collapse navbar-collapse" id="navbarResponsive">
      <ul class="nav navbar-nav navbar-left">
        <li class="nav-item">
          <a class="nav-link page-scroll" href="#about">About</a></li>
        <li class="nav-item">
          <a class="nav-link page-scroll" href="#services">Products</a></li>
        <li class="nav-item">
          <a class="nav-link page-scroll" href="#pricing">Pricing</a></li>
        <li class="nav-item">
          <a class="nav-link page-scroll" href="#contact">Contact</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li class="nav-item">
          <a class="nav-link page-scroll" href="sign-up" style="background-color:blue; border-radius:5px">Sign Up</a></li>
        <li class="nav-item">
          <a class="nav-link page-scroll" href="sign-in" style="background-color:blue; border-radius:5px">Log In</a></li>
      </ul>
    </div>
  </div>
</nav>

---

您需要关闭“折叠

按钮”

，而该标记的属性中存在大量错误

菜单

这就是你想要的吗？向这两个

元素的父元素添加

navbar right

，并将它们从

中删除：

nav{
页边距顶部：100px；/*忽略此项，仅显示stackoverflow的示例*/
}

我的菜单

“我添加了正确的代码”嗯，没有。看看有什么不合适的地方不是html。请编译帕格代码，这样我们就不必了。您包含的代码并不复制屏幕截图。转化为html@konyv12看看我的答案和你的答案中标签的区别。你没有关闭标签，所以它包裹了整个导航。该类需要是

。导航栏切换

而不是

。导航栏切换器

和

数据-=“data-”toggle=“collapse”

是错误的，需要是

数据切换=“collapse”

我修复了这些，仍然是一样的。没关系，我必须使用ml auto和mr auto。这是我买的模板