1

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>

そのファイルをクロムで開くと、「Hello World」以外は何も表示されません。Bootstrap コードが機能しないのはなぜですか? 相対パスが正しいことを確認しましたが、コードはまだ機能していません。私はそれが非常にばかげていると確信しています。誰かがそれを見つけるのを手伝ってくれますか?

4

1 に答える 1

2

ブートストラップは正常に動作します。問題は、ブートストラップのドキュメントから間違ったコードをコピーして貼り付けたことです。

components.html ページの上部にあるコードをここにコピーして貼り付けただけのようです。

これは、可能なことを純粋に説明するために行われます。これだけを表示したい場合は、それも変更する必要があります。

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

ただし、実際の有用性については、ドキュメントのこのセクションを読んで、有用な使用方法を説明することをお勧めします。

JSFiddleの正しく動作している

于 2012-12-18T16:38:12.363 に答える