title: bootstrap drop down top level navigation make a clickable link
body: <p>I'm using the-bootstrap wordpress theme to create a menu with drop-downs, however the top-level link only reveals the drop-down on clicking &amp; does not go to a page itself when clicked. So in www.thermoryuk.co.uk/wp/ when I click 'Flooring' I want to go to the flooring page as well as revealing the dropdown.
  Code below, thanks in advance</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;nav class="subnav clearfix"&gt;
    &lt;ul id="menu-product-menu" class="nav nav-pills pull-right"&gt;
      &lt;li id="menu-item-87" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-87 dropdown" data-dropdown="dropdown"&gt;
        &lt;a href="http://www.thermoryuk.co.uk/wp/?page_id=31" class="dropdown-toggle" data-toggle="dropdown"&gt;
          Flooring &lt;b class="caret"&gt;&lt;/b&gt;
        &lt;/a&gt;
        &lt;ul class="dropdown-menu"&gt;
          &lt;li id="menu-item-88" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88 dropdown-submenu" data-dropdown="dropdown"&gt;
            &lt;a href="http://www.thermoryuk.co.uk/wp/?page_id=32" class="dropdown-toggle" data-toggle="dropdown"&gt;Ash Flooring&lt;/a&gt;
  
            &lt;ul class="dropdown-menu"&gt;
              &lt;li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"&gt;
                &lt;a href="http://www.thermoryuk.co.uk/wp/?page_id=60"&gt;Ash Flooring Gallery&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-89" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-89"&gt;
            &lt;a href="http://www.thermoryuk.co.uk/wp/?page_id=34"&gt;Spruce Flooring&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-90" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-90"&gt;
            &lt;a href="http://www.thermoryuk.co.uk/wp/?page_id=36"&gt;Birch Flooring&lt;/a&gt;
          &lt;/li&gt;
          &lt;li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"&gt;
            &lt;a href="http://www.thermoryuk.co.uk/wp/?page_id=38"&gt;Pecan Flooring&lt;/a&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>/* ============================================================
       * bootstrap-dropdown.js v2.2.2
       * http://twitter.github.com/bootstrap/javascript.html#dropdowns
       * ============================================================
       * Copyright 2012 Twitter, Inc.
       *
       * Licensed under the Apache License, Version 2.0 (the "License");
       * you may not use this file except in compliance with the License.
       * You may obtain a copy of the License at
       *
       * http://www.apache.org/licenses/LICENSE-2.0
       *
       * Unless required by applicable law or agreed to in writing, software
       * distributed under the License is distributed on an "AS IS" BASIS,
       * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
       * See the License for the specific language governing permissions and
       * limitations under the License.
       * ============================================================ */
  !function ($) {
    "use strict"; // jshint ;_;
    /* DROPDOWN CLASS DEFINITION
        * ========================= */
    var toggle = '[data-toggle=dropdown]'
    , Dropdown = function (element) {
      var $el = $(element).on('click.dropdown.data-api', this.toggle)
      $('html').on('click.dropdown.data-api', function () {
        $el.parent().removeClass('open')
      })
    }
    Dropdown.prototype = {
      constructor: Dropdown
      , toggle: function (e) {
        var $this = $(this)
        , $parent
        , isActive
        if ($this.is('.disabled, :disabled')) return
        $parent = getParent($this)
        isActive = $parent.hasClass('open')
        clearMenus()
        if (!isActive) {
          $parent.toggleClass('open')
        }
        $this.focus()
        return false
      }
      , keydown: function (e) {
        var $this
        , $items
        , $active
        , $parent
        , isActive
        , index
        if (!/(38|40|27)/.test(e.keyCode)) return
        $this = $(this)
        e.preventDefault()
        e.stopPropagation()
        if ($this.is('.disabled, :disabled')) return
        $parent = getParent($this)
        isActive = $parent.hasClass('open')
        if (!isActive || (isActive &amp;&amp; e.keyCode == 27)) return $this.click()
        $items = $('[role=menu] li:not(.divider):visible a', $parent)
        if (!$items.length) return
        index = $items.index($items.filter(':focus'))
        if (e.keyCode == 38 &amp;&amp; index &gt; 0) index--                                        // up
        if (e.keyCode == 40 &amp;&amp; index &lt; $items.length - 1) index++                        // down
        if (!~index) index = 0
        $items
        .eq(index)
        .focus()
      }
    }
    function clearMenus() {
      $(toggle).each(function () {
        getParent($(this)).removeClass('open')
      })
    }
    function getParent($this) {
      var selector = $this.attr('data-target')
      , $parent
      if (!selector) {
        selector = $this.attr('href')
        selector = selector &amp;&amp; /#/.test(selector) &amp;&amp; selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
      }
      $parent = $(selector)
      $parent.length || ($parent = $this.parent())
      return $parent
    }
    /* DROPDOWN PLUGIN DEFINITION
         * ========================== */
    var old = $.fn.dropdown
    $.fn.dropdown = function (option) {
      return this.each(function () {
        var $this = $(this)
        , data = $this.data('dropdown')
        if (!data) $this.data('dropdown', (data = new Dropdown(this)))
        if (typeof option == 'string') data[option].call($this)
          })
    }
    $.fn.dropdown.Constructor = Dropdown
    /* DROPDOWN NO CONFLICT
        * ==================== */
    $.fn.dropdown.noConflict = function () {
      $.fn.dropdown = old
      return this
    }
    /* APPLY TO STANDARD DROPDOWN ELEMENTS
         * =================================== */
    $(document)
    .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus)
    .on('click.dropdown touchstart.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
    .on('touchstart.dropdown.data-api', '.dropdown-menu', function (e) { e.stopPropagation() })
    .on('click.dropdown.data-api touchstart.dropdown.data-api'  , toggle, Dropdown.prototype.toggle)
    .on('keydown.dropdown.data-api touchstart.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown)
  }(window.jQuery);
  </code></pre>