Html Angular4和Bootstrap 4导航条内联块不工作

我在标题中写道，我试图从引导程序3转到引导程序4，更新后，我的导航栏坏了：

我没有做错什么，我真的不明白为什么内联块不再工作了。关于这个问题，我尝试了我在stackOverflow上找到的每一件事，但什么也没发生

以下是我的HTML代码：

<nav class="navbar navbar-inverse" role="navigation">
  <div class="center-block text-center">
   <button  class="collapse-btn" (click)="toggleMenu()">
     <i *ngIf="!isCollapsed()" class="fa fa-chevron-up" aria-hidden="true"></i>
     <i *ngIf="isCollapsed()" class="fa fa-chevron-down" aria-hidden="true"></i>
   </button>
  <ul class="navbar-nav">
   <li class="nav-item"><a class="nav-link" routerLink="/home">Progression</a></li>
   <li class="nav-item"><a class="nav-link" href="#">Activité pédagogique</a></li>
   <li class="nav-item"><a class="nav-link" href="#">Evalutation</a></li>
   <li class="nav-item"><a class="nav-link" href="#">Synthèse</a></li>
   <li class="nav-item"><a class="nav-link" href="#">Certification</a></li>
  </ul>
 </div>
</nav>

---

谢谢您的帮助。

我找到了它，似乎我需要将导航栏导航的属性显示从内联块更改为flex

.navbar-nav {
  display: flex;
}

---

我找到了，似乎我需要将navbar nav的属性显示从内联块更改为flex

.navbar-nav {
  display: flex;
}

---

在问题中缺少的CSS中，添加

display:inline块到
.nav项
类。如果不起作用，请使用开发工具查看是什么覆盖了减速。这不起作用！这就是为什么我要它…我认为它是
，而不是
不是用于引导4！我尝试了每一个css技巧，但什么也没发生。在你的css中，添加
display:inline块，这是问题中所缺少的到
.nav项
类。如果不起作用，请使用开发工具查看是什么覆盖了减速。这不起作用！这就是为什么我要它…我认为它是
，而不是
不是用于引导4！我尝试了所有的css技巧，但什么都没发生。改变ul的等级。必须是
（您有导航栏导航）。不管怎样，你在用什么？引导，ng引导，一些不同的？改变ul的等级。必须是
（您有导航栏导航）。不管怎样，你在用什么？引导，ng引导，一些不同的？