首页 > 电脑专区 > 电脑教程 >

bootstrap框架中的按钮

来源:互联网 2023-02-21 18:09:07 版权归原作者所有,如有侵权,请联系我们

通过按钮组容器把一组按钮放在同一行里。可以设置为单选框或多选框的样式。W7k办公区 - 实用经验教程分享!

bootstrap框架中的按钮W7k办公区 - 实用经验教程分享!

工具/原料

  • 电脑,DW软件(Dreamweaver)

方法/步骤

  • 1

    W7k办公区 - 实用经验教程分享!

    创建div标签,为div标签添加.btn-group类。W7k办公区 - 实用经验教程分享!

    bootstrap框架中的按钮W7k办公区 - 实用经验教程分享!

  • 2

    按钮工具栏:把一组 div class="btn-group"> 组合进一个 div class="btn-toolbar"> 中就可以做成更复杂的组件。W7k办公区 - 实用经验教程分享!

    bootstrap框架中的按钮W7k办公区 - 实用经验教程分享!

  • 2此文章未经授权抓取自百度经验
  • 3

    按钮尺寸给 .btn-group 加上 .btn-group-* 类。W7k办公区 - 实用经验教程分享!

    bootstrap框架中的按钮W7k办公区 - 实用经验教程分享!

  • 4

    按钮嵌套把下拉菜单混合到一系列按钮中,把 .btn-group 放入另一个 .btn-group 中。W7k办公区 - 实用经验教程分享!

    bootstrap框架中的按钮W7k办公区 - 实用经验教程分享!

  • 5

    按钮的垂直排列:一组按钮垂直堆叠排列显示而不是水平排列。W7k办公区 - 实用经验教程分享!

    bootstrap框架中的按钮W7k办公区 - 实用经验教程分享!

  • 6

    两端对齐排列的按钮组W7k办公区 - 实用经验教程分享!

    bootstrap框架中的按钮W7k办公区 - 实用经验教程分享!

  • 注意事项

    • F12可打开查看器查看源代码

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!W7k办公区 - 实用经验教程分享!


    标签: 操作系统网页

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号