Bootstrap基本组件学习笔记之按钮组(8)
(编辑：jimmy 日期: 2024/11/18 浏览：3 次 )
按钮组允许多个按钮被堆叠在同一行上，实现起来非常简单。
0x01 基本用法
直接看下面的例子：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/jquery.min.js">效果如下：
需要注意的是，两端对齐的样式只对a标签有效，对button无效。
0x02 嵌套下拉菜单
下面是一个按钮组嵌套下拉菜单的例子：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/jquery.min.js">效果如下：
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：
Bootstrap学习教程
Bootstrap实战教程
Bootstrap插件使用教程
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：Bootstrap基本组件学习笔记之下拉菜单(7)