Bootstrap3系列：按钮组

时间：2016-09-05 00:07:03 阅读：131 评论：0 收藏：0 [点我收藏+]

标签：

1. 基本实例

1.1 示例代码

<div class="btn-group">
    <button type="button" class="btn btn-default">Left</button>
    <button type="button" class="btn btn-default">Middle</button>
    <button type="button" class="btn btn-default">Right</button>
</div>

　　.btn-group中包含多个.btn

1.2 示例效果

技术分享

2. 按钮工具栏

2.1 示例代码

<div class="btn-toolbar">
    <div class="btn-group">
        <button type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-step-backward"></span>
        </button>
        <button type="button" class="btn btn-default"">
            <span class="glyphicon glyphicon-backward"></span>
        </button>
    </div>
    <div class="btn-group">
        <span class="btn btn-default"">1</span>
        <span class="btn btn-default"">2</span>
        <span class="btn btn-default"">...</span>
        <span class="btn btn-default"">9</span>
        <span class="btn btn-default"">10</span>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default"">
            <span class="glyphicon glyphicon-forward"></span>
        </button>
        <button type="button" class="btn btn-default"">
            <span class="glyphicon glyphicon-step-forward"></span>
        </button>
    </div>
</div>