加入收藏 | 设为首页 | 会员中心 | 我要投稿 佛山站长网 (https://www.0757zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

Bootstrap3.0学习第十轮:下拉菜单及按钮组

发布时间:2013-12-06 17:38:24 所属栏目:教程 来源:站长网
导读:本文主要来讲解以下内容:1.下拉菜单;2.按钮组;3.按钮式下拉菜单;4.总结。

标题

在任何下拉菜单中均可通过添加标题来标明一组动作。

3

主要是添加了

  里面有个.dropdown-header的样式类。

 

禁用的菜单项

给下拉菜单中的

  • 加上.disabled禁用链接。

 

继续修改上面的代码将Something else here行的代码进行替换

4

主要是在li标签中添加.disabled的样式类。

你运行之后可以查看效果,其实效果和上面的标题样式差不多,当你点击的时候会有一个禁用的图标显示。截不到图。

按钮组

按钮组中的工具提示和弹出框需要特别的设置

当为.btn-group中的元素应用工具提示或弹出框时,必须指定container: 'body'选项,这样可以避免不必要的副作用(例如工具提示或弹出框触发时,会让页面元素变宽和/或失去圆角)。

基本案例

把一系列的.btn按钮放入.btn-group。

5

通过.btn-group就可以将一组button按钮并且为其添加样式类btn

按钮工具栏

把一组

组合进一个 做成更复杂的组件。

(编辑:佛山站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读