title: Twitter bootstrap split dropdown
body: <p>I have a navbar and I have a caret next to dropdown menu.</p>
  
  <p>In current code, if user clicks <code>Operations</code> text or caret, dropdown menu is opened. But I need this:</p>
  
  <ul>
  <li>If user clicks <code>Operations</code> link, I want user to go to my <code>/operations/</code> page.</li>
  <li>If user clicks to the caret, dropdown menu will be visible. If user click one of the elements of dropdown menu, user will be redirected to related page.</li>
  </ul>
  
  <p>Fiddle: <a href="http://jsfiddle.net/mavent/UtDqm/2/" rel="noreferrer">http://jsfiddle.net/mavent/UtDqm/2/</a></p>
  
  <pre><code>&lt;div class="navbar navbar-inverse"&gt;
    &lt;li class="dropdown" id="myTools"&gt;
      &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#myTools"&gt;
          Operations
          &lt;b class="caret"&gt;&lt;/b&gt;
      &lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
          &lt;li&gt;&lt;a href="/mypage1/"&gt;MyPage 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/mypage2/"&gt;MyPage 2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;  
  &lt;/div&gt;   
  </code></pre>
  
  <p>In Twitter bootstrap documentation it is noted how to create split button dropdowns <a href="http://twitter.github.io/bootstrap/components.html#buttonDropdowns" rel="noreferrer">here</a>. I don't want to use buttons. Is it possible to have split behaviour without using buttons. Just with links?</p>