tabbable tabs-left feature not working

  • Resolved rdellconsulting

    (@rdellconsulting)


    10 years, 9 months ago

    Problems with the Bootstrap Tabbable nav feature.

    From the TB site, the following code is valid:

    <div class="tabbable tabs-left">
<ul class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" href="#lA">Section 1</a>
</li>
<li class="">
<a data-toggle="tab" href="#lB">Section 2</a>
</li>
<li class="">
<a data-toggle="tab" href="#lC">Section 3</a>
</li>
</ul>
<div class="tab-content">
<div id="lA" class="tab-pane active">
<p>I'm in Section A.</p>
</div>
<div id="lB" class="tab-pane">
<p>Howdy, I'm in Section B.</p>
</div>
<div id="lC" class="tab-pane">
<p>What up girl, this is Section C.</p>
</div>
</div>
</div>

    Have tested various combos and come up with following diagnosis:

    Using twenty-twelve + WordPress Twitter Bootstrap CSS plugin:

    Include ALL Bootstrap Javascript Libraries (Unticked)- doesn’t work with same symptom as Customizr

    Include ALL Bootstrap Javascript Libraries (Ticked)- works

    Looked at code generated & there is only 1 line difference in <head>:
    <script src="http://www.twitter-tab.dev/wp-includes/js/comment-reply.min.js?ver=3.5.2" type="text/javascript">

    But this is showing in Customizr <head>.

    Can anyone suggest a solution please?

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘tabbable tabs-left feature not working’ is closed to new replies.

Tags