美文网首页
2019-01-15Bootstr 按钮组

2019-01-15Bootstr 按钮组

作者: L_ed1b | 来源:发表于2019-01-15 21:38 被阅读0次

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

    效果图

    相关文章

      网友评论

          本文标题:2019-01-15Bootstr 按钮组

          本文链接:https://www.haomeiwen.com/subject/useudqtx.html