bootstrap的那些组件
来源:互联网 发布:情侣感人瞬间知乎 编辑:程序博客网 时间:2024/05/20 09:22
</pre>一、图标组件<p></p><p> 一般放在span标签内,只对空的元素的标签起作用。</p><pre name="code" class="html"> <span class="glyphicon glyphicon-ok"></span>
不建议混合其他表标签使用例如:
<button type="button" class="btn btn-primary glyphicon glyphicon-ok">确定</button>
二、下拉菜单组件<pre name="code" class="html"> .dropdown是定义下拉菜单的类,包含一个按钮和一个列表。按钮类添加.dropdown-toggle类,data-toggle属性值为dropdown;列表添加.dropdown-menu类。就可以实现简单
的下拉菜单
<pre name="code" class="html"><div class="dropdown" > <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">dropdown</button> <ul class="dropdown-menu">haha <li>111</li> <li>222</li> <li>333</li> </ul></div>
其他的类:
<pre name="code" class="html"> .dropdown-menu-right<span style="font-family: Arial, Helvetica, sans-serif;">在dropdown-menu后面添加dropdown-menu-right类可以让列表右对齐。但是不建议使用pull-right类。</span>
<pre name="code" class="html"> .dropdown-header<span style="font-family: Arial, Helvetica, sans-serif;">为下拉列表加标题用dropdown-header类,同样是写在li标签里面。</span>
.divider类 添加分割线 写在空的li标签里面
.disabled类,禁用某个列表项
三、按钮工具类
.btn-group是定义按钮组的类
.btn-toolbar和 <span style="font-family:Arial, Helvetica, sans-serif;">.btn-group组合在一起使用可以调更多的样式</span>
<span style="font-family:Arial, Helvetica, sans-serif;"> .btn-group-sm\xs\bg代不同的按钮大小</span>
<span style="font-family:Arial, Helvetica, sans-serif;"> .btn-group里面套btn-group</span>
<span style="font-family:Arial, Helvetica, sans-serif;"> </span>
</pre><p></p><pre name="code" class="html"><pre style="font-family: 宋体; font-size: 12pt; background-color: rgb(255, 255, 255);">
1 0
- bootstrap的那些组件
- BootStrap的导航组件
- bootstrap的组件
- bootstrap表单的其他组件
- Bootstrap Typeahead 组件的使用
- bootstrap表单的其他组件
- Bootstrap fileinput插件使用的那些坑
- vue组件的那些事
- bootstrap(组件)
- Bootstrap 组件
- bootstrap 组件
- bootstrap组件
- BootStrap组件
- Bootstrap组件
- Bootstrap 组件
- bootstrap组件
- bootstrap组件
- 基于Bootstrap的分页组件bootstrap-pager使用说明
- Apache Kafka-个人翻译(入门kafka资料)-Quickstart
- codeforces 731D (水前缀)
- SCTP标准简介Part I:SCTP连接建立
- C++中复制构造函数与重载赋值操作符总结
- 利用开源软件提高自己的GIS编程能力
- bootstrap的那些组件
- Uva 10269 Adventure of Super Mario(最短路)
- Cookie 会话机制
- sqoop增量导入且表无主键
- C语言输入一串数据到数组中,用空格隔开回车结束
- 做运营和做旅行计划有什么异曲同工之处?
- 重载流运算符
- UnityShader实例:遮挡透明材质
- JS typeof()