首页 > 代码库 > Bootstrap3系列：按钮组
Bootstrap3系列：按钮组
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>
一个.btn-toolbar中包含多个.btn-group
2.2 示例效果
3. 大小
在.btn-group上添加.btn-group-*设置按钮组中的每个按钮。
3.1 示例代码
3.2 示例效果
Bootstrap3系列：按钮组
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。