Bootstrap 4 将 html 转换为 Bootstrap 4 带注销的导航栏

Question

我将 Navbar 转换为 bootstrap 4，但它不可点击。这是我的原始文件

  <ul id="nav_bar">
    <li style="float:right"><a href="#" onclick="logout(); return false;">Logout</a></li>
    </ul>

转换为：

 <nav class="navbar navbar-dark bg-dark" id="nav-bar">
    <a class="navbar-brand" href="#">Test</a>
    <ul class="navbar-nav">
    <li class="nav-item">
    <a class="nav-link" href="#">Logout</a>                      
    </li>
    </ul>
    </nav>

Answer 1

您的新注销 link 缺少 onclick:

<nav class="navbar navbar-dark bg-dark" id="nav-bar">
  <a class="navbar-brand" href="#">Test</a>
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#" onclick="logout(); return false;">Logout</a>
    </li>
  </ul>
</nav>

Bootstrap 4 将 html 转换为 Bootstrap 4 带注销的导航栏

Bootstrap 4 Converting html to Bootstrap 4 Navbar with Logout

navbar

bootstrap-4