为什么我的引导代码不起作用答案

【问题标题】：Why my Bootstrap code is not working为什么我的引导代码不起作用
【发布时间】：2012-12-18 16:34:25
【问题描述】：

我从他们的网站下载了 Bootstrap 代码。我在引导目录中编写了以下 HTML 文件（以便相对路径正确）

<!DOCTYPE html>


<html lang = "en">

<head>
<title>Test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>

</head>
<body>

Hello world
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>

</body>
</html>

当我在 chrome 中打开该文件时，除了“Hello World”之外，我看不到任何其他内容。我看到另一个问题Why is my Bootstrap code not working? 我已经注意相对路径是正确的，但代码仍然无法正常工作。我确信它非常愚蠢。谁能帮我看看？

【问题讨论】：

我知道你认为你有正确的路径，但打开你的控制台并确保。错误的路径是导致此问题的最可能原因，在这种情况下，我看不到任何其他会导致此问题的原因。您拥有有效的 html，所有属性都已到位，缺少包含是唯一可能的原因。
@KevinB，我做到了。我打开了控制台（在 chrome 中），在“资源”选项卡下，我可以看到“bootstrap.min.js”和“bootstrap.css”

标签： jquery html css twitter-bootstrap

【解决方案1】：

引导程序可以正常工作，您的问题是您从引导程序文档中复制并粘贴了错误的代码。

您似乎刚刚复制并粘贴了 components.html 页面顶部 here 的代码。

这纯粹是为了说明什么是可能的。如果你只想显示这个，你也想改变它：

<ul class='dropdown-menu' role='menu' aria-labelledby='dropdownMenu' style='display: block; position: static'>

对于实际的实用性，您需要阅读文档的this 部分，该部分将告诉您如何有效地使用它。

JSFiddle 正常工作

【讨论】：

酷，这确实成功了。由于文档是非线性的，我不确定起点是什么。我刚拿起第一件事就想试试。
顺便说一句，你的jsfiddle中的三个
不是必需的。没有它们，代码可以正常工作。虽然我明白你为什么把它们放在那里。我只是想向其他将来查看它的人澄清一下。