1. 首页
  2. 编程语言
  3. Javascript
  4. Bootstrap源码解读按钮(5)

Bootstrap源码解读按钮(5)

上传者: 2021-07-14 12:20:35上传 PDF文件 90.73 KB 热度 13次

源码解读Bootstrap按钮按钮组和下拉菜单组件一样,需要依赖于bootstrap.js。使用“btn-group”的容器,把多个按钮放到这个容器中。使用的时候,只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”,并且和普通的按钮放在同一级。等分按钮也叫自适应分组按钮,在按钮组“btn-group”上追加一个“btn-group-justified”类名即可。按钮下拉菜单其实在介绍嵌套分组的时候已经用过了,它和下拉菜单效果基本上是一样的。实现源码如下:主要就是将“dropdown-menu”的top值变成了auto,而把bottom值换成了100%。

用户评论