外层包裹
<div class="console-filter">
行布局单行
<div class="row">
列布局4列
<div class="span2">
<div class="span4">
<div class="span2">
<div class="span4">
扩展:span后面的数字任意配置,数字之和为12即可。
标题
<label class="console-filter-label">
内容
<input />
<select ></select>
按钮:所有条件筛选按钮放置按钮包裹器中
<div class="console-btnGroup">
单个按钮
<div class="console-btn"><a class="Blue">这里是按钮名称</a></div>
扩展:a标签中的class配置按钮的颜色。
蓝色:Blue
橙色:Orange
灰色:Grey
补充:
1、多行列表中,统一将按钮包裹器和按钮放置class=span4这一列,可对齐显示。
2、单行列表中,根据情况可以改变span后面的数字。
完整代码请参考main.html页面