Question

今晚我决定尝试一下Bootstrap（只做CSS / HTML大约两周），但我遇到了问题。无论出于何种原因，我的HTML文档似乎都没有链接到Bootstrap样式表。我使用了他们的一个下拉代码片段，但最终结果没有风格化。有人能看出我做错了什么吗？下面是我的HTML代码。

<!DOCTYPE html>


<html lang = "en">

<head>
<title>Test</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

</head>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>

<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>

Answer 1

是否所有文件都在正确的文件夹中？您正在使用相对url：s，如果您刚刚开始编码，可能会造成混淆。你的文件夹结构如何？ index.html和css文件夹在同一目录中吗？

Answer 2

您需要查看添加引导程序文件的文件结构：

http://twitter.github.com/bootstrap/getting-started.html#file-structure

Answer 3

尝试添加＆＃34; style =＆＃34; display：block;位置：静态; margin-bottom：5px; *宽度：180px＆＃34;

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px; *width: 180px;">
            <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>

为什么我的Bootstrap代码不起作用？

3 个答案: