I have been trying to get Twitter Bootstrap btn-group with dropdown to work for multiple buttons that have a drop down menu.

Example:

  <div class="btn-group">
      <a href="#" class="btn">1</a>
      <a href="#" class="btn">2</a>
      <a href="#" class="btn">3</a>
      <a href="#" class="btn">4</a>
      <a href="#" class="btn">5</a>
  </div>

And also my attempt: http://jsfiddle.net/x2BGB/

This displays a button group. I would like some of the buttons in that group to have drop down menus.

An example of what I am trying to achieve is:

Note: the grouped button "bar" should not have rounded cornes when a button is next to another button. (right side).