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:
<button class="btn-success combo-trigger">Open combo</button>
<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>
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.
You can make you combo appears to the top too. Add the
combo-top to the combo div.