Html 导航栏未展开的Boostrap切换

我已经用一个不起作用的导航栏菜单回顾了关于这个问题的几个已回答的问题。而且他们对我目前的编码没有帮助。菜单栏没有展开，也没有在页面顶部内联（在一行中）

菜单当前如下所示：

切换导航

我最初倾向于认为您的项目缺少依赖项，即用于引导的css和js文件（可能还有jquery）。我已经将您提供的代码放入一个codeply项目中，您可以查看该项目。一切似乎都正常运行。

嘿，如果您使用的是

bootstrap4.0alpha6

，下面是导航栏的代码

到这里来

嘿，如果您使用的是

bootstrap4.0

beta版，那么所使用的类会有一些变化：

.badge-default to .badge-dark

.bg-faded to .bg-light

.bg-inverse to .bg-dark

.card-block to .card-body

.card-outline-primary to .border-primary

.card-outline-secondary to .border-secondary

.card-outline-success to .border-success

.card-outline-info to .border-info

.card-outline-warning to .border-warning

.card-primary to .bg-primary

.card-success to .bg-success

.card-info to .bg-info

.card-warning to .bg-warning

.card-danger to .bg-danger

.hidden-xs-down to .d-none .d-sm-block

.hidden-sm-down to .d-none .d-md-block

.hidden-md-down to .d-none .d-lg-block

.hidden-lg-down to .d-none .d-xl-block

.hidden-xs-up to .d-none

.hidden-sm-up to .d-sm-none

.hidden-md-up to .d-md-none

.hidden-lg-up to .d-lg-none

.hidden-xl-up to .d-xl-none

.navbar-toggleable-sm to .navbar-expand-sm

.navbar-toggleable-md to .navbar-expand-md

.navbar-toggleable-lg to .navbar-expand-lg

.navbar-toggleable-xl to .navbar-expand-xl

这是借用自

---

我希望这能帮助你解决问题

你是如何为你的项目包含javascript文件的？非常感谢，我终于找到了答案，是的，我错过了js文件。然而，就我的一生而言，我不明白为什么导航栏不会保持水平。它仍然有导航栏，当不折叠时，看起来是垂直的，而不是在同一行上。。。也许我应该添加一个div行？导航栏没有保持水平。。。即使在codeply项目中。。。还是希望切换后的导航水平显示？在常规模式下，即使屏幕很大，导航也不是水平的。它是垂直的，大屏幕顶部有大导航条以补偿垂直。当我只希望它是水平的，然后用更小的屏幕折叠。只是为了澄清一下，你的代码，我的代码，或者两者都是？你的代码似乎很好，所以我不确定为什么我的代码没有被正确查看。如果有帮助的话，我正在用密码笔。