Html 引导下拉列表使用flexbox和内容之间的空格来填充空格

我想在导航栏中有两个下拉菜单。为了实现这一点，我想使用flexbox。然而，文字是包装，我不希望他们，而是成长，以适应内容的宽度

提示：您需要扩展小提琴的渲染宽度，以避免引导崩溃。

---

您需要在.下拉菜单上覆盖引导的默认样式，如下所示：

.dropdown-menu {
  min-width: 300px;
}

希望这有帮助。

我找到了答案。我希望避免设置固定的最小宽度

.dropdown-menu > li > a {
    white-space: nowrap;
}

.dropdown-menu > li > a {
    white-space: nowrap;
}