WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] tabbable tabs-left feature not working (2 posts)

  1. rdellconsulting
    Member
    Posted 1 year 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?

  2. rdellconsulting
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic