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.紧接着的就是下拉的内容里,和之前说的下拉选项是差不多的

效果图

上一篇 下一篇

猜你喜欢

热点阅读