Vuejs 2 Bootstrap 4beta导航栏项目未显示

Question

我用vue-cli创建了一个项目，并根据其文档添加了bootstrap 4-beta。现在我得到的是一个空白的导航栏，即使我从引导页面复制的模板包含Items。 Vuejs引导程序及其所有依赖项都已正确加载。

这是我的代码：

<nav class="navbar navbar-light bg-light">
  <a class="navbar-brand" href="#">
    <img src="../assets/logo.png" width="30" height="30" class="d-inline-block align-top" alt=""> Bootstrap
  </a>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#">Disabled</a>
      </li>
    </ul>
  </div>
</nav>

但我得到的只是： navbar not working