摘要：按钮下拉菜单仅从外观上看和上一节介绍的下拉菜单效果基本上是一样的。不同的是在普通的下拉菜单的基础上封装了按钮（.btn）样式效果。简单点说就是点击一个按钮，会显示隐藏的下拉菜单。按钮下拉菜单其实就是普通的下拉菜单，只不过把“”标签元素换成了“”标签元素。唯一不同的是外部容器“div.dropdo... 阅读全文
Bootstrap系列 -- 33. 等分按钮
2015-06-26 22:54 by 贺臣, 960 阅读, 0 推荐, 收藏, 编辑
摘要：等分按钮也常被称为是自适应分组按钮，其实现方法也非常的简单，只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名. 首页 产品展示 案例分析 联系我们 ... 阅读全文
Bootstrap系列 -- 32. 按钮垂直分组
2015-06-26 22:53 by 贺臣, 805 阅读, 0 推荐, 收藏, 编辑
摘要：实际运用当中，总会碰到垂直显示的效果。在Bootstrap框架中也提供了这样的风格。我们只需要把水平分组的“btn-group”类名换成“btn-group-vertical”即可。 首页 产品展示 案例分析 联系我们 关于我们 公司简介 ... 阅读全文
Bootstrap系列 -- 31.嵌套分组
2015-06-26 22:50 by 贺臣, 5524 阅读, 0 推荐, 收藏, 编辑
摘要：我们常把下拉菜单和普通的按钮组排列在一起，实现类似于导航菜单的效果。使用的时候，只需要把当初制作下拉菜单的“dropdown”的容器换成“btn-group”，并且和普通的按钮放在同一级 首页 产品展示 案例分析 联系我们 关于我们 公司简介 ... 阅读全文
Bootstrap系列 -- 30. 按钮工具栏
2015-06-26 22:46 by 贺臣, 682 阅读, 0 推荐, 收藏, 编辑
摘要：在富文本编辑器中，将按钮组分组排列在一起，比如说复制、剪切和粘贴一组；左对齐、中间对齐、右对齐和两端对齐一组.Bootstrap框架按钮工具栏也提供了这样的制作方法，你只需要将按钮组“btn-group”按组放在一个大的容器“btn-toolbar”中. 如果按钮组中需要改变大小，可以使用.b... 阅读全文
Bootstrap系列 -- 29. 按钮组
2015-06-26 22:43 by 贺臣, 905 阅读, 0 推荐, 收藏, 编辑
摘要：单个按钮在Web页面中的运用有时候并不能满足我们的业务需求，常常会看到将多个按钮组合在一起使用，比如富文本编辑器里的一组小图标按钮等 按钮组和下拉菜单组件一样，需要依赖于button.js插件才能正常运行。不过我们同样可以直接只调用bootstrap.js文件。因为这个文件已集成了button... 阅读全文
Bootstrap系列 -- 28. 下拉菜单状态
2015-06-25 22:47 by 贺臣, 544 阅读, 0 推荐, 收藏, 编辑
摘要：下拉菜单项的默认的状态（不用设置）有悬浮状态（:hover）和焦点状态（:focus）。 下拉菜单项除了上面两种状态，还有当前状态（.active）和禁用状态（.disabled）。这两种状态使用方法只需要在对应的菜单项上添加对应的类名 下拉菜单 下拉菜单项 ... 阅读全文
Bootstrap系列 -- 27. 下拉菜单对齐方式
2015-06-25 22:44 by 贺臣, 14702 阅读, 1 推荐, 收藏, 编辑
摘要：Bootstrap框架中下拉菜单默认是左对齐，如果你想让下拉菜单相对于父容器右对齐时，可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名。使用pull-right类使下拉菜单与父容器右边对齐 下拉菜单 ... 阅读全文
Bootstrap系列 -- 26. 下拉菜单标题
2015-06-25 22:28 by 贺臣, 730 阅读, 0 推荐, 收藏, 编辑
摘要：Bootstrap下拉菜单中使用dropdown-header 来显示菜单标题，和上一篇说道的分割线一样 下拉菜单 第一部分菜单头部 下拉菜单项 下拉菜单项 下拉菜单项 第二部分菜单头部 下拉菜单项 下拉菜单项 下... 阅读全文
Bootstrap系列 -- 25. 下拉菜单分割线
2015-06-25 22:23 by 贺臣, 3504 阅读, 0 推荐, 收藏, 编辑
摘要：在Bootstrap框架中的下拉菜单还提供了下拉分隔线，假设下拉菜单有两个组，那么组与组之间可以通过添加一个空的，并且给这个添加类名“divider”来实现添加下拉分隔线的功能。 下拉菜单 下拉菜单项 下拉菜单项 下拉菜单项 下拉菜单... 阅读全文