Bootstrap-Verknüpfung zu einem Tab mit einer URL
Ich arbeite mit Bootstrap 3 und habe einige Probleme beim Verknüpfen einer URL mit einem bestimmten Tab. Das Panel ändert sich, der aktivierte Tab jedoch nicht. Also will ich die Leitung<a href="#tab2" data-toggle="tab">link</a>
, um zur Registerkarte2 zu gelangen, aber nur zum Bereich der Registerkarte2, wird die Registerkarte nicht aktiviert.
Hier ist der HTML-Code:
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
<li><a href="#tab2" data-toggle="tab">Section 2</a></li>
<li><a href="#tab3" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<p><a href="#tab2" data-toggle="tab">link</a>.</p>
</div>
<div class="tab-pane" id="tab2">
<p> I'm in Section 2.</p>
</div>
<div class="tab-pane" id="tab3">
<p>Howdy, I'm in Section 3 </p>
</div>
</div>
</div>
Sie können dies in diesem Link testenhttp://bootply.com/90412