首页 > 其他 > 详细

Bootstrap 按钮组

时间:2018-04-12 17:38:28      阅读:171      评论:0      收藏:0      [点我收藏+]

连在一起的按钮:.btn-group

<div class="btn-group" role="group">
    <button class="btn btn-default">left</button>
    <button class="btn btn-default">left</button>
    <button class="btn btn-default">left</button>
</div>

按钮工具栏:把一组btn-group 放进.btn-toolbar

垂直连在一起的按钮:.btn-group-vertical

分裂按钮下拉菜单

 <div class="btn-group">
     <button class="btn btn-default" >下拉菜单</button>
     <button class="btn btn-default" data-toggle="dropdown">
         <span class="caret"></span>
     </button>
     <ul class="dropdown-menu">
         <li><a href="">选择一</a></li>
         <li><a href="">选择二</a></li>
     </ul>
 </div>

 

Bootstrap 按钮组

原文:https://www.cnblogs.com/pengc/p/8809040.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!