Bootstrap系列 -- 35. 按钮的向下向上三角形

简介:   按钮的向下三角形,我们是通过在标签中添加一个“”标签元素,并且命名为“caret”. 按钮下拉菜单 按钮下拉菜单项 按钮下拉菜单项 按钮下拉菜单项 按钮下拉菜单项

 

  按钮的向下三角形,我们是通过在<button>标签中添加一个“<span>”标签元素,并且命名为“caret”.

<div class="btn-group dropup">
    <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按钮下拉菜单<span class="caret"></span></button>
    <ul class="dropdown-menu">
        <li><a href="##">按钮下拉菜单项</a></li>
        <li><a href="##">按钮下拉菜单项</a></li>
        <li><a href="##">按钮下拉菜单项</a></li>
        <li><a href="##">按钮下拉菜单项</a></li>
    </ul>
</div>

 

相关文章
|
10月前
|
JSON 前端开发 数据格式
bootstrap table表格的点击详情按钮操作
bootstrap table表格的点击详情按钮操作
80 1
|
11月前
|
前端开发 JavaScript 容器
|
4月前
|
前端开发
Bootstrap 5 保姆级教程(四):信息提示框 & 按钮
Bootstrap 5 保姆级教程(四):信息提示框 & 按钮
|
10月前
|
前端开发
如何去掉bootstrap按钮边框
如何去掉bootstrap按钮边框
|
11月前
|
前端开发 容器
|
11月前
|
前端开发 容器
|
11月前
|
前端开发 JavaScript
|
10月前
|
前端开发
bootstrap table点击修改按钮给弹框赋值
bootstrap table点击修改按钮给弹框赋值
44 0
|
10月前
|
前端开发
Bootstrap纯CSS3箭头按钮样式
Bootstrap纯CSS3箭头按钮样式
159 0
|
12月前
|
前端开发 JavaScript 容器
Bootstrap 按钮样式
Bootstrap 按钮样式
66 0