5

今晚我决定尝试一下 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>
4

3 回答 3

6

所有文件都在正确的文件夹中吗？您使用的是相对 url:s，如果您刚开始编码，可能会感到困惑。你的文件夹结构如何？index.html 和 css 文件夹在同一个目录吗？

于 2012-09-29T01:53:51.357 回答
2

您需要查看如何添加引导文件的文件结构：

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

于 2012-09-29T01:59:19.173 回答
0

尝试添加“样式=”显示：块；位置：静态；边距底部：5px；*宽度：180px"

<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>
于 2013-02-25T13:48:32.880 回答