0

私はブートストラップが初めてです。この問題について多くの質問が寄せられていますが、それでも何が問題なのかわかりません。2 番目または 3 番目のタブをクリックしても、内容は変わりません。 

</head>
<body>
    <div class="tabbable tabs-left">
        <ul class="nav nav-tabs">
            <li ><a href="#tab1" data-toggle="tab">Tab1</a></li>
            <li ><a href="#tab2" data-toggle="tab">Tab2</a></li>
            <li ><a href="#tab3" data-toggle="tab">Tab3</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane" id="tab1"><p>Tab1 Content</p></div>
            <div class="tab-pane" id="tab2"><p>Tab2 Content</p></div>
            <div class="tab-pane" id="tab3"><p>Tab3 Content</p></div>
        </div>
    </div>

    <script src="bootstrap.min.js"></script>
    <script src="jquery.js"></script>
    <script>
</script>
</body>
4

2 に答える 2

0

jquery.jsの前に bootstrap.min.js ファイルを含めています。jquery.js の後に含める必要があります。

次のように変更するだけです。

<script src="jquery.js"></script>
<script src="bootstrap.min.js"></script>
于 2013-06-20T12:42:12.993 に答える
-1

body の前に bootstrap.min.js と jquery.js を含めます。

このようなもの

<head>
  <script src="bootstrap.min.js"></script>
  <script src="jquery.js"></script>
</head>
<body>

body content goes here

</body>
于 2013-06-20T12:39:49.527 に答える