Bootstrap 按钮参考



  • 按钮 CSS 类

    下表总结了 Bootstrap 按钮 CSS 类:
    类名 描述 示例
    .btn 向任何按钮添加基本样式 尝试一下
    .btn-block 创建一个块级按钮 尝试一下
    .btn-dark 深灰色按钮 尝试一下
    .btn-danger 红色按钮;表示危险或负面行为 尝试一下
    .btn-info 蓝绿色按钮;代表中立的信息变化或行动 尝试一下
    .btn-light 浅灰色按钮 尝试一下
    .btn-primary 蓝色按钮;表示重要的事情 尝试一下
    .btn-secondary 灰色按钮;表示“较少”的重要动作 尝试一下
    .btn-success 绿色按钮;表示成功或积极的行动 尝试一下
    .btn-warning 橙色按钮;表示警告或负面行动 尝试一下
    .btn-link 使按钮看起来像链接(获取按钮行为) 尝试一下
    .btn-lg 大按钮 尝试一下
    .btn-sm 小按钮 尝试一下
    .btn-outline-* 创建轮廓/边框按钮;使用任何上下文类作为*(btn-outline-primary,btn-outline-success等) 尝试一下
    .btn-toolbar 将按钮组集合组合到按钮工具栏中,以实现更复杂的组件 尝试一下
    .active 向按钮添加使按钮看起来像被按下激活 尝试一下
    .disabled 禁用按钮 尝试一下
  • 按钮参数

  • 按钮方法

    下表列出了所有可用的按钮方法。
    注意:方法也可以通过数据属性传递;将方法名称附加到 data-,如 data-toggledata-dispose
    方法 描述 示例
    .button("toggle") 使按钮看起来按下 尝试一下
    .button("dispose") 销毁元素的按钮