条件筛选框使用

外层包裹

<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页面