مشکل در حرکت بین تب ها در بوت استرپ؟

payam.hayati · Jul 1, 2015

این کدهای من هست :

کد:

<!-- Start -->
         <div class="container">
             <ul class="nav nav-tabs">
                 <li class="active"><a href="#Home" data-toggle="tab">Home</a></li>
                 <li><a href="#About" data-toggle="tab">About</a></li>
                 <li><a href="#Video" data-toggle="tab">Video</a></li>
             </ul>

             <!-- Tab Contents -->
             <div class="tab-content">
                 <div class="tab-pane active" id="Home">
                     <p>First</p>
                      <a href="#About" data-toggle="tab">About</a>
                 </div>

                 <div class="tab-pane fade" id="About">
                     <p>Second</p>
                 </div>

                 <div class="tab-pane fade" id="Video">
                     <p>Third</p>
                 </div>
             </div>

         </div> [COLOR=#333333]        <!-- End -->  [/COLOR]

ما

به تب دوم منتقل میشیم اما عنوان تب بر روی Home که تب اول هست باقی می مونه: