0

この例を使用して自分のサイトを開発するために Twitter ブートストラップ Web サイトに取り組んでいます http://twitter.github.com/bootstrap/examples/hero.html しかし、問題はブラウザのサイズを小さくするとメニュー アイコンが表示されますが、クリックしてください ドロップダウンメニューが表示されません 以下のコードを提供して修正する方法

http://jsfiddle.net/LCJ2V/

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
4

1 に答える 1

0

1 つの問題は、jsfiddle のコードに基づいて、外部リソースを適切にロードしていないことです。

Boostrap .js ファイルについては、次のようにしてください。

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-carousel.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js"></script>

もう 1 つの問題は、jsfiddle の.window_label要素がナビゲーション バーの右上隅を覆っていることです。Google Chrome を使用してそれを取り除く 1 つの方法は、html インスペクターを使用して.window_labelノードを削除し、ナビゲーション バー ボタンの邪魔にならないビューを表示することです。

于 2013-01-09T05:39:47.490 に答える