javascriptなしでbootstrap nav-pillが動作しない

Question

彼らが言うブートストラップのドキュメントJavaScriptを書かずにタブまたはピルのナビゲーションを有効にすることができます。要素にdata-toggle="tab"を指定し、hrefとIDとを指定するだけで簡単に試してみます。しかし、それは動作しません。 私は別のものを追加する必要がありますか？それでもあなたはまだjQueryライブラリとbootstrap.jsの両方を追加したのを確認する必要があり、その後に動作しない場合イスマイルファルークは、最初に答える

<ul class="nav nav-pills nav-stacked col-xs-3"> 
    <li><a data-toggle="tab" href="one">one</a></li> 
    <li><a data-toggle="tab" href="two">two</a></li> 
    <li><a data-toggle="tab" href="three">three</a></li> 
    <li><a data-toggle="tab" href="four">four</a></li> 
</ul> 
<div class="tab-content col-xs-9"> 
    <div id="one" class="tab-pane active"> 
    Germany 
    </div> 
    <div id="two" class="tab-pane"> 
    France 
    </div> 
    <div id="three" class="tab-pane"> 
    Italy 
    </div> 
    <div id="four" class="tab-pane"> 
    Spain 
    </div> 
</div> 

Answer 1

あなたはhref="#one"

<ul class="nav nav-pills nav-stacked col-xs-3"> 
    <li><a data-toggle="tab" href="#one">one</a></li> 
    <li><a data-toggle="tab" href="#two">two</a></li> 
    <li><a data-toggle="tab" href="#three">three</a></li> 
    <li><a data-toggle="tab" href="#four">four</a></li> 
</ul> 
<div class="tab-content col-xs-9"> 
    <div id="one" class="tab-pane active"> 
    Germany 
    </div> 
    <div id="two" class="tab-pane"> 
    France 
    </div> 
    <div id="three" class="tab-pane"> 
    Italy 
    </div> 
    <div id="four" class="tab-pane"> 
    Spain 
    </div> 
</div> 

ライブ

example

例えばIDを呼び出す hrefで #を逃しました

Answer 2

チェック。それらの2つのページを2つ追加して、最初にjQueryを起動し、次にブートストラップ1を実行すれば問題ありません。