开发者社区> 技术小美> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

bootstrap46-垂直的按钮组

简介:
+关注继续查看

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Bootstrap 垂直的按钮组</title>

<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  

</head>

<body>

<div class="container">

<div class="btn-group-vertical">

<button class="btn btn-default">Button1</button>

<button class="btn btn-default">Button2</button>

<div class="btn-group-vertical">

<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">

下拉

<span class="caret"></span>

</button>

<ul class="dropdown-menu">

        <li><a href="#">下拉链接 1</a></li>

        <li><a href="#">下拉链接 2</a></li>

    </ul>

</div>

</div>

</div>

    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

   <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>

</html>


本文转自 素颜猪 51CTO博客,原文链接:http://blog.51cto.com/suyanzhu/1895819

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
bootstrap 组件之 输入框组 超大屏幕 列表组件学习总结
bootstrap 组件之 输入框组 超大屏幕 列表组件学习总结
0 0
bootstrap如何去除自带的样式----导航栏中的菜单实现平滑的过渡到对应的菜单区域-------动态跟换模态框中的内容
bootstrap如何去除自带的样式----导航栏中的菜单实现平滑的过渡到对应的菜单区域-------动态跟换模态框中的内容
0 0
Bootstrap 组件_按钮组|学习笔记
快速学习 Bootstrap 组件_按钮组
0 0
Bootstrap 组件_输入框组2 | 学习笔记
快速学习 Bootstrap 组件_输入框组2
0 0
Bootstrap 组件_输入框组1 | 学习笔记
快速学习 Bootstrap 组件_输入框组1
0 0
Bootstrap教程(11)--按钮与按钮组
本文目录 1. 概述 2. 按钮的使用 2.1 设置Bootstrap按钮 2.2 调整按钮大小 2.3 调整按钮颜色样式 3. 按钮组的使用 3.1 使用按钮组 3.2 调整按钮组的大小 3.3 调整按钮组方向 4. 小结
0 0
Bootstrap系列 -- 32. 按钮垂直分组
  实际运用当中,总会碰到垂直显示的效果。在Bootstrap框架中也提供了这样的风格。我们只需要把水平分组的“btn-group”类名换成“btn-group-vertical”即可。 首页 产品展示 案例分析 联系我们 关于我们 ...
435 0
Bootstrap系列 -- 27. 下拉菜单对齐方式
  Bootstrap框架中下拉菜单默认是左对齐,如果你想让下拉菜单相对于父容器右对齐时,可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名。
657 0
Bootstrap系列 -- 29. 按钮组
  单个按钮在Web页面中的运用有时候并不能满足我们的业务需求,常常会看到将多个按钮组合在一起使用,比如富文本编辑器里的一组小图标按钮等   按钮组和下拉菜单组件一样,需要依赖于button.js插件才能正常运行。
572 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载