Grouped buttons in modal footer

Created by: bensie

Grouped buttons in a modal footer do not work for a few reasons:

• The modal footer floats buttons right so the caret and dropdown menu are on the left side instead of the right
• Dropdown menu drops out of sight behind the bounds of the modal box

<div class="modal-footer">
  <div class="btn-group">
    <a href="#" class="btn">Button</a>
    <a href="#" class="btn dropdown-toggle" data-toggle="dropdown">
      <div class="caret"></div>
    </a>
    <ul class="dropdown-menu">
      <li><a href="#">Line Item</a></li>
      <li><a href="#">Line Item</a></li>
    </ul>
  </div>
</div>