WordPress.org

Support

Support » Themes and Templates » Customizr » [Resolved] tabbable tabs-left feature not working

[Resolved] tabbable tabs-left feature not working

  • 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)
  • Looked at code generated & there is only 1 line difference in <head>:
    <script src=”http://www.twitter-tab.dev/wp-includes/js/jquery/jquery.js?ver=1.8.3″ type=”text/javascript”>

    Sorry, cut & paste the wrong line in main post.

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