ライブラリをダウンロードする必要はありません。オンラインライブラリを使用することができます。例えば
:あなたはライブラリをダウンロードしたい場合は
<!DOCTYPE html="en">
<html>
<head>
<meta charset="utf-8">
<meta name=viewport content="width=device-width, initial-scale=1.0">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Course</title>
<!-- Normalize -->
<link rel="stylesheet" href="https://yui.yahooapis.com/3.18.1/build/cssnormalize/cssnormalize.css" type="text/css">
<!-- CSS BOOTSTRAP -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- YOUR OWN CSS LIBRARY -->
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- JQUERY If you need it -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<!-- JS BOOTSTRAP -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- YOUR OWN JS LIBRARY -->
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
....
</body>
</html>
しかし、あなたはちょうどあなたがあなたのCSS
とあなたのJS
ファイルを保つフォルダへbootstrap.min.css
とbootstrap.min.js
を移動し、それらを参照する必要があなたのウェブページのヘッダー。例えば
:
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/bootstrap.min.js"></script>
...
</head>
UPDATE:Bootstrap's documentationに基づいて
、私は、ナビゲーションバーの崩壊を避けるために、あなたのナビゲーションバーの任意の要素からクラスnavbar-collapse
を削除する、ことを示唆しています。
JavaScriptが無効になっていて、ビューポートの幅が狭くなってナビバーが崩壊すると、.navbar-collapse
内のナビゲーションバーを展開してコンテンツを表示することはできません。応答性のあるナビゲーションバーでは、ご使用のバージョンのブートストラップにコラプスプラグインを組み込む必要があります。
さらに、ナビゲーションバーが折り畳まれるたびに表示されるボタンを削除する必要があります。
何か
jsfiddleように私はより良い方法であなたを助けるためにあなたのソースコードを参照してくださいする必要があります。一方、私はこれがあなたを助けることを望みます。
プロジェクトにcss/jsファイルをコピーする必要があります。コピー先はプロジェクトのファイル構造/ツリーによって異なります – ochi
達成しようとしているもののスナップショットを追加できますか? – Sid