は、ブートストラップの表形式のメニューを選択すると、このローカルリンクに設定され、バック親リンクへ

Question

マイプロジェクトを要しブートストラップのタブコンポーネント最近、過去および今後の

これらのタブのいずれかにIをクリックすると、私は戻って取られています：それはすることになったのに対して12345/index.htmlに＃/

：

はlocalhost ：

はlocalhost：12345/index.htmlを＃/ BookCollection＃最近

他の二つのタブのリンクは以下のとおりです。

はlocalhost：12345/index.htmlを＃/ BookCollection＃過去

はlocalhost：12345/index.htmlを＃/ BookCollection＃今後の

してください私は下のこのリンク構造を変更することはできないのですのでご注意：

はlocalhost：12345/index.htmlを＃/ BookCollection

これは、私が使用していますブートストラップの構成要素である：

<ul class="nav nav-tabs"> 
     <li class="active"><a data-toggle="tab" href="#Recent">Recent</a></li> 
     <li><a data-toggle="tab" href="#Past">Past</a></li> 
     <li><a data-toggle="tab" href="#UpComing">UpComing</a></li> 
</ul> 

<div class="tab-content"> 

<div id="Recent" class="tab-pane fade in active"> 
    <h3>Recent Books</h3> 
    <p>Some content.</p> 
</div> 

<div id="Past" class="tab-pane fade"> 
    <h3>Past Books</h3> 
    <p>Some content in Past Books.</p> 
</div> 

<div id="UpComing" class="tab-pane fade"> 
    <h3>UpComing books</h3> 
    <p>Some content in UpComing books.</p> 
</div> 

</div> 

そして、私は仕事にブートストラップからタブのコンポーネントが必要です。

どうすれば修正できますか？

Answer 1

あなたのコードスニペットはうまくいくようです。おそらくあなたはもう少し説明することができます（そして、あなたのlocalhostに到達できないので、bootplyのようなサイトを使用してください）。

コードスニペットをご覧ください： http://www.bootply.com/Ny6q4guDgk