Twitter bootstrap Boostrap导航栏默认代码行为不正确

我已经复制了Jquery/Bootstrap的CDN文件，并粘贴了一个简单导航栏的代码

当我运行代码时，菜单项被压缩成汉堡包菜单，汉堡包图标被发送到新行

我错过了什么明显的东西吗

问题完全源于您正在运行Bootstrap4的CSS（过时的）

Alpha

版本。现在Bootstrap 4已经完全发布，您需要更新到最新的CSS：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

下面是一个完整的工作示例，只需交换

和

标记即可：

非常感谢。我复制了Bootstrap首页上的代码，所以我想这是他们没有更新的错。我回到这些脚本，因为在这个新版本下，

card-deck

CSS没有正确显示。这太痛苦了。不确定您上次检查的时间，但您必须记得经常检查更新的链接，尤其是使用alpha/beta版本的引导：）直接从主页（我怀疑您是从那里获得链接的）的介绍页面当前有我上面提供的链接：）我知道我哪里出错了。我在v4 alpha子域上。

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>