[bootstrap] class='btn' btn按钮样式

555 阅读1分钟

基本使用

默认样式

在要应用按钮样式的元素上添加 .am-btn,再设置相应的颜色。

  • .am-btn-default - 默认,灰色按钮
  • .am-btn-primary - 蓝色按钮
  • .am-btn-secondary - 浅蓝色按钮
  • .am-btn-success - 绿色按钮
  • .am-btn-warning - 橙色按钮
  • .am-btn-danger - 红色按钮
  • .am-btn-link

默认样式 主色按钮 次色按钮 绿色按钮 橙色按钮 红色按钮 链接 应用按钮样式的链接

<button type="button" class="am-btn am-btn-default">默认样式</button>
<button type="button" class="am-btn am-btn-primary">主色按钮</button>
<button type="button" class="am-btn am-btn-secondary">次色按钮</button>
<button type="button" class="am-btn am-btn-success">绿色按钮</button>
<button type="button" class="am-btn am-btn-warning">橙色按钮</button>
<button type="button" class="am-btn am-btn-danger">红色按钮</button>
<a class="am-btn am-btn-link">链接</a>
<a class="am-btn am-btn-danger" href="http://www.bing.com" target="_blank">应用按钮样式的链接</a>

参考资料:

blog.csdn.net/qq151857231…