Bootstrap基本组件学习笔记之按钮组(8)
网络编程 发布日期：2024/10/2 浏览次数：1
正在浏览：Bootstrap基本组件学习笔记之按钮组(8)
按钮组允许多个按钮被堆叠在同一行上，实现起来非常简单。
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插件使用教程
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
