2019-01-15Bootstr 按钮组
2019-01-15 本文已影响0人
L_ed1b
1.首先我们使用一个container容器
在容器中可以放入很多按钮
比如说我们可以有几个按钮时放在一个组里的,放好之后多个组的按钮放在一个容器之中
div class=container
第一组 div class=btn-group
组内的放多个button
第二组 div class=btn-group


箭头为container的范围
2.同样在每个按钮组上还可以指定排列方式,默认是水平排列的
div class=btn-group-vertical btn-group-lg
div class=btn-group-vertical btn-group-sm
div class=btn-group-vertical btn-group-xs

3.同样还可以填满整个容器
使用class=btn-group-justified
然后在其中使用按钮组来对容器进行填充,填满
例如使用三个这样的按钮组对齐进行填充
<div class="btn-group">
<button class="btn btn-info">left</button>
</div>

######################################################
按钮组加上下拉菜单
1.首先同样放一个容器
2.接着在容器里面分别放入按钮组,和内容
3.按钮组里面分为两个内容,分别是文字说明按钮,和下标按钮
4.紧接着的就是下拉的内容里,和之前说的下拉选项是差不多的

效果图
