Bootstrap 4 Boostrap菜单项在垂直列表中单独显示

我有引导代码，它没有显示预期的结果。菜单项分别显示在网页的右上角，而它们应该位于水平条带中（类似于选项卡结构）。代码有什么问题

您必须添加一些额外的样式。您使用的引导css版本可能也有问题

.navbar.container fluid>.navbar标题{
浮动：左；
右边距：10px；
}
.navbar.navbar导航{
浮动：左；
保证金：5px；
}
.nav>li{
浮动：左；
}

您可以更改

<nav class = "navbar navbar-default">

到

---

使用最新版本的引导使导航栏水平

无需css，您可以检查以下解决方案

我希望这能解决问题

注意：添加了一些css额外类，用于设置导航背景的样式

类似于选项卡结构是的，类似于选项卡结构。条带上的水平项因此，在页面右侧，您需要制表符。我复制了您的代码，它在不包含您提供的自定义css的情况下工作。@SumairaSamar，这真是太好了：）

<nav class = "navbar navbar-expand">