Sometimes, your software is too amazing and you have lots of buttons to perform all the actions it has.
Of course, you don't wanna let your users confused, so you have to hide some of the less used buttons.
You can easily do this with a combo:
<div class="combo">
<button class="btn-success combo-trigger">Open combo</button>
<div class="combo-menu">
<a href="#" class="combo-item">Nice action</a>
<a href="#" class="combo-item">Another action</a>
<a href="#" class="combo-item">Even cooler action</a>
</div>
</div>Right limit
The combo menu is aligned to the left limit (using your trigger element as reference), but you can align it using the right limit too. Just add the class combo-right to your combo div.
Try it:
Top placement
You can make you combo appears to the top too. Add the combo-top to the combo div.