Bootstrap 下拉框 按钮组、工具栏
来源:互联网 发布:ipad虚拟机运行windows 编辑:程序博客网 时间:2024/05/06 07:33
1.下拉框
<div class="dropdown">
<button class="btn btn-primary" type="button"data-toggle="dropdown">//下拉框触发器
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-header">标题内容</li>//下拉框内容
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
2.按钮组: div class="btn-group" /div
3.按钮工具栏 <div class="btn-toolbar">
<div class="btn-group">< /div>
</div>
4.按钮垂直排列class=" btn-group-vertical "
5.dropup 上拉菜单
6.input-group-addon 添加自定义字符
<divclass="input-group">
<spanclass="input-group-addon">@</span>
<inputtype="text"class="form-control"placeholder="Username">
</div>
7.input-group-btn 添加自定义按钮
<spanclass="input-group-btn"><button> </button></span>
8.标签页nav nav-tabs nav-pills 垂直排列 nav-stacked
<ulclass="nav nav-tabs">
<liclass="active"><ahref="#">Home</a></li>
<li><ahref="#">Profile</a></li>
<li><ahref="#">Messages</a></li>
</ul>
<ulclass="nav nav-pillsnav-stacked">
<liclass="active"><ahref="#">Home</a></li>
<li><ahref="#">Profile</a></li>
<li><ahref="#">Messages</a></li>
</ul>
- Bootstrap 下拉框 按钮组、工具栏
- bootstrap --下拉组件 按钮组 按钮工具栏
- 深入理解BootStrap Item9 -- 按钮组工具栏
- 深入理解BootStrap -- 按钮组工具栏9
- MFC工具栏按钮下拉
- 工具栏按钮下拉菜单
- bootstrap入门【按钮式下拉菜单,输入框组】
- Bootstrap 按钮下拉菜单
- BootStrap下拉按钮
- Bootstrap按钮下拉菜单
- Bootstrap按钮下拉菜单
- bootstrap-按钮/按钮下拉菜单
- Bootstrap学习:按钮下拉菜单
- Bootstrap—按钮下拉菜单
- Bootstrap按钮式下拉菜单
- VC实现工具栏的下拉箭头按钮
- 如何实现工具栏的下拉箭头按钮
- 如何实现工具栏的下拉箭头按钮
- 各种编码的由来(很通俗)
- tomcat manager the Cross Origin Resource Sharing
- Android应用系列:值得收藏的ViewHolder工具类实现
- 关于ActiveMQ的一点总结
- HDU 4734 F(x)
- Bootstrap 下拉框 按钮组、工具栏
- android webview点击返回键返回上一个html
- 安卓开发中Theme.AppCompat.Light的解决方法
- android 6.0 新特性
- 负值之美:负margin在页面布局中的应用
- HDU As Easy As A+B
- linux(3)
- tddl异常 com.taobao.tddl.jdbc.group.dbselector.NoMoreDataSourceException: dsKey:xxxxxx not A
- 使用SQLite数据库