Html 引导导航链接进入新行

引导导航链接分为多行。 如图所示，业务计划和添加成员文本显示在不同的行中。我需要以单行显示。如何解决这个问题

---

如果您使用的是bootstrap，其中包含一些预定义的css，您可以尝试查看此网站中的css设置，仅使用图像，很难判断问题的确切位置。

将导航打包

容器流体

所以它占据了整个页面的宽度

引导示例 基本导航栏示例 将您的导航包裹在容器液体中

---

您需要添加以下内容以将导航项目文本拉伸为一行：

弹性收缩：0//这将解决问题

完整示例：

---

您应该发布用于生成导航栏的HTML代码，以及您编写的任何自定义CSS（如果有的话）。发布一些代码或共享实时链接，以便我们可以检查它。

.nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;

  > * {
    flex-shrink: 0; // this is imp
  }
}