ボタンやドロップダウン bootstrap

<div class="btn-group">
    <button class="btn btn-primary"><i class="glyphicon glyphicon-heart">about</i></button>
    <button class="btn btn-success"><i class="glyphicon glyphicon-heart">main</i></button>
    <button class="btn btn-info"><i class="glyphicon glyphicon-heart">sub</i></button>
</div>
<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
        押して?
        <span class="caret"></span><!-- 下矢印 -->
    </button>
    <ul class="dropdown-menu">
        <li><a href="#">about</a></li>
        <li><a href="#">main</a></li>
        <li><a href="#">sub</a></li>
        <li class="divider"></li>
        <li><a href="#">info</a></li>
    </ul>
</div>


f:id:hrt0kmt:20141018220555p:plain