bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)

bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)

ID:1483676

大小:192.50 KB

页数:13页

时间:2017-11-11

bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)_第1页
bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)_第2页
bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)_第3页
bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)_第4页
bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)_第5页
资源描述:

《bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、前言终于把前面关于BootstrapCSS部分简单的学习了一遍,应该忽视了比较多的细节问题。不过大部分的内容我都过了一遍,并且用代码实现了一遍,而且看到了真是的效果。挺不错的。那么接下来的几篇文章主要来讲解Bootstrap的组件。那么本文主要来讲解以下内容1.下拉菜单2.按钮组3.按钮式下拉菜单4.总结再来熟悉一下这个开始建立一个页面的代码,首先新建一个测试网页加入如下代码Bootstrap

2、t"content="width=device-width,initial-scale=1.0">如果你有什么不太了解的话,我在之前的

4、文章当中有过介绍,你可以点击链接进行查看http://www.cnblogs.com/aehyok/p/3398359.html下拉菜单用于显示链接列表的可切换、有上下文的菜单。案例将下拉菜单触发器和下拉菜单都包裹在.dropdown里,然后添加组成菜单的HTML代码。Dropdown

5、lass="dropdown-menu"role="menu"aria-labelledby="dropdownMenu1">ActionAnotheractionSome

6、thingelseherehttp://wangming.78name.comSeparatedlink

可以通过上面的代码发现,里面可能有很多陌生的样式类或者属性。一个Dropdown按钮和右侧有个小图标caret,当然这个小图标和按钮的文本是平级的。首先看button按钮中有个dropdown-toggle,

7、还有一个data-toggle属性,根据这个属性来弹出下来列表。紧接着ul标签的dropdown-menu应该是和上面button按钮的样式类dropdown-toggle联合使用,在通过aria-labelledby绑定上面的button按钮。下来第四个li标签中有个divider其实是一个分割线的样式类。大概我理解的就这个样子,理解的肯定不到位。对齐选项给下拉菜单.dropdown-menu加上.text-right 使文字右对齐。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。