Html 我的导航将不显示为内联块

我正在做一个项目（使用bootstrap），我似乎不明白为什么我的导航仍然是堆叠的，而不是水平布置的。我已经尝试了我能想到的一切，甚至在网上寻求帮助，在那里我正在学习编码，但他们也无法理解。他们告诉我它应该可以工作，事实上，它在他们的代码编辑器中可以工作，但在我的计算机上不工作，因为我没有网络托管，我只是在学习。我还注意到，在我的浏览器中，导航按钮向右拉，链接位于右侧（尽管它们仍然不是水平的），但当我在这里运行时，导航按钮显示在img占位符的正下方，我不知道这是否意味着什么，但我想我会包含这一点信息

收割台导航ul{
显示：内联块；
}

您的意思是要使导航水平对齐吗

然后你可以试着用这个

header nav ul li {
    display: inline-block;
}

工作示例

---

您的方法不起作用的原因是因为您应用的是ul而不是li元素。

是的，我想使其水平对齐，但这也不起作用。或者可能是您的CSS被其他CSS覆盖，请尝试添加

！重要信息

，查看它是否能解决您的问题。header nav ul li{display:inline block！important；}对，我之前也遇到过同样的问题。我在我在线学习的编辑器上试用了它，效果不错，但由于某种原因，它在我的电脑上不起作用。我没有任何其他CSS文件来覆盖它，所以这不是问题所在。你认为这可能与我使用引导框架有关吗？我已经试过了！同样重要的是，我开始认为我的电脑出了问题，我只是不知道。我尝试将引导添加到我的示例中，是的，是从

bootstrap.min.css

覆盖css，看看我是如何使用

覆盖引导css的！重要信息

。如果在引导CSS中搜索，您将发现一行类似于以下内容的内容.nav>li{position:relative；display:block；}，这是负责覆盖CSS的CSS