title: Bootstrap Pill with Dropdown not working
body: <p>I'm trying to set up the Pill with Dropdown UI element from Bootstrap, and it's not showing the dropdown when I click on the caret.  I've looked through the Bootstrap documentation, and its source) and not found what I'm missing. </p>
  
  <p>Do I need to write custom JS to get it to show up?  The docs made it appear that I didn't, that it should just work.</p>
  
  <p>Here's the JS I've included....</p>
  
  <pre><code>  &lt;script src="/assets/jquery.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/assets/jquery_ujs.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/assets/jquery-ui.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/assets/bootstrap.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
    &lt;script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here's the HTML</p>
  
  <pre><code>&lt;ul class="nav nav-pills"&gt;
      &lt;li class="dropdown all-camera-dropdown"&gt;
             &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;
              All Cameras
                 &lt;b class="caret"&gt;&lt;/b&gt;
             &lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
              &lt;li data-filter-camera-type="all"&gt;&lt;a data-toggle="tab" href="#"&gt;All Cameras&lt;/a&gt;&lt;/li&gt;
              &lt;li data-filter-camera-type="Alpha"&gt;&lt;a data-toggle="tab" href="#"&gt;Alpha&lt;/a&gt;&lt;/li&gt;
              &lt;li data-filter-camera-type="Zed"&gt;&lt;a data-toggle="tab" href="#"&gt;Zed&lt;/a&gt;&lt;/li&gt;
              &lt;li data-filter-camera-type="Bravo"&gt;&lt;a data-toggle="tab" href="#"&gt;Bravo&lt;/a&gt;&lt;/li&gt;
  
       &lt;/ul&gt;
  &lt;/li&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>Any help would be appreciated</p>