Twitter Bootstrap2 with Structure

twitter-bootstrap2-with-structure.js

{exp:structure:nav max_depth="2" show_depth="2" current_class="active" css_class="nav" has_children_class="dropdown"}

<script>
$(function() {
  $('ul li.dropdown').each(function() {
    $(this).children('ul').addClass("dropdown-menu"); // add children dropdown menu class
    $(this).children('a').append('<b class="caret"></b>') // add caret icon
    $(this).clone().prependTo($(this).find('ul')).removeClass('dropdown active').children('ul').remove(); // clone parent link into child menu
    $(this).children('a').attr('data-toggle', 'dropdown').attr('href', '#').addClass("dropdown-toggle"); // add data attributes to hook up Bootstrap
  });
});
</script>

What other js files are you calling, cant get it to work.

I call the jquery and bootstrap.min.js before, no firebug errors on the page.

Make sure you use at least jQuery 1.7.1, and set the has_children class.

Sweet, all good after upgrading to Structure 3.2. Thanks