8月18日(周六)成都源创会火热报名中,四位一线行业大牛与你面对面,探讨区块链技术热潮下的冷思考。
Watch Star Fork

xknaan / B-JUIJavaScriptApache-2.0

加入码云
与超过 300 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
B-JUI(Best jQuery UI) 前端框架,轻松开发,专注您的业务,从B-JUI开始。
一键复制 编辑 原始数据 按行查看 历史
form-button.html 3.79 KB xknaan 提交于 2015-02-24 23:23 . [特别说明:本次更新涉及子页面结构调整,请谨慎更新]
<div class="bjui-pageContent">
<div class="pageFormContent">
<div style="margin:15px auto 0; width:800px;" >
<fieldset>
<legend>按钮</legend>
<table class="table table-condensed table-hover">
<thead>
<tr>
<th>样例</th>
<th>Class</th>
<th>属性</th>
</tr>
</thead>
<tbody>
<tr>
<td><button type="button" class="btn-default">普通按钮</button></td>
<td>btn-default</td>
<td></td>
</tr>
<tr>
<td><button type="button" class="btn-green">绿色按钮</button></td>
<td>btn-green</td>
<td></td>
</tr>
<tr>
<td><button type="button" class="btn-blue">蓝色按钮</button></td>
<td>btn-blue</td>
<td></td>
</tr>
<tr>
<td><button type="button" class="btn-red">红色按钮</button></td>
<td>btn-red</td>
<td></td>
</tr>
<tr>
<td><button type="button" class="btn-orange">橙色按钮</button></td>
<td>btn-orange</td>
<td></td>
</tr>
<tr>
<td><button type="button" class="btn-default" data-icon="home">图标按钮</button></td>
<td>btn-default</td>
<td>data-icon="home"</td>
</tr>
<tr>
<td><button type="button" class="btn-default btn-sm">小尺寸按钮</button></td>
<td>btn-default btn-sm</td>
<td></td>
</tr>
<tr>
<td><button type="button" class="btn-default btn-nm">较大尺寸按钮</button></td>
<td>btn-default btn-nm</td>
<td></td>
</tr>
<tr>
<td><button type="button" class="btn-default btn-lg">超大尺寸按钮</button></td>
<td>btn-default btn-lg</td>
<td></td>
</tr>
<tr>
<td colspan="3">
<div class="alert alert-info form-inline"><i class="fa fa-warning"></i> <strong>A链接按钮:</strong>A链接的按钮需要添加<strong>Class[btn]</strong>,方可转换成按钮形态,JS会为Button按钮自动添加Class[btn]。</div>
<div class="alert alert-warning form-inline"><i class="fa fa-warning"></i> <strong>图标说明:</strong>所用图标来自<a href="http://fortawesome.github.io/Font-Awesome/icons/" target="_blank">Font Awesome</a>,使用时仅需将fa-后面的部分放入data-icon中即可。</div>
</td>
</tr>
</tbody>
</table>
</fieldset>
</div>
</div>
</div>
<div class="bjui-pageFooter">
<ul>
<li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
</ul>
</div>

评论 ( 0 )

你可以在登录后,发表评论