码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap 按钮组

时间:2018-04-12 17:56:20      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:按钮   div   drop   span   按钮组   role   data-   boot   group   

连在一起的按钮:.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 按钮组

标签:按钮   div   drop   span   按钮组   role   data-   boot   group   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!