警示框

<divclass="alert alert--success|alert--error|alert--info"><h4class="alert__title"></h4><pclass="alert__content"></p><buttonclass="btn-close" data-js="close">&times;</button></div>

徽章

<spanclass="badge badge--success|badge--error|badge--warning|badge--info"></span>

标签

<spanclass="label label--success|label--error|label--warning|label--info"></span>

按钮

<aclass="btn btn--success|btn--error|btn--warning|btn--info" href="javascript:;"></a><buttonclass="btn btn--success|btn--error|btn--warning|btn--info"></button>

进度条

<divclass="progress progress--mini"><divclass="progress__bar progress--info|progress--success|progress--warning|progress--error" style="width: 20%"></div></div>

表单

<formclass="form" action="about:blank" method="get|post" autocomplete="on|off" novalidateaccept-charset="utf-8"><divclass="form__group"><label>用户名：</label><inputtype="text" placeholder="用户名"><spanclass="form__help--inline">用户名是你的注册邮箱地址</span></div><divclass="form-group"><label>密码：</label><inputtype="password" placeholder="请输入密码"><spanclass="form__help--block">密码输入错误，请重新输入</span></div><divclass="form__action"><selectname=""><optionvalue="">请选择</option></select></div><divclass="form__action"><labelclass="remeber"><inputtype="checkbox">记住我
</label></div><divclass="form__action"><buttonclass="btn-submit" data-js="submit">提交</button></div></form>

盒子

<divclass="box"><divclass="box__hd"><iclass="box__icon"></i><h3class="box__title">标题</h3><divclass="box__act"><ahref="#">更多&raquo;</a></div></div><divclass="box__bd"></div><divclass="box__ft"></div></div>

图片列表

<ulclass="list list--picture"><li><ahref="#"><imgalt="" src="http://art.yypm.com/130x90"><em></em><iclass="icon-play"></i></a></li></ul>

文章列表

<ulclass="list list--article"><li><ahref="#"></a><time></time></li></ul>