5

今夜、Bootstrap を試してみることにしました (CSS/HTML を始めて約 2 週間です) が、問題が発生しています。なんらかの理由で、私の HTML ドキュメントが Bootstrap スタイルシートにリンクしているようには見えません。ドロップダウン コード スニペットの 1 つを使用しましたが、最終結果は様式化されていません。私が何か間違ったことをしているかどうかを誰かが見ることができますか? 以下は私の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

You Need to look at the file structure of how bootstrap files are added:

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

于 2012-09-29T01:59:19.173 に答える
0

"style="display: block; を追加してみてください。位置: 静的; margin-bottom: 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 に答える