Bootstrap按钮

矫情吗；* 2022-08-23 05:44 187阅读 0赞

任何带有class.btn的元素都会继承圆角灰色按钮的默认外观。

.btn 为按钮添加基本的样式
    .btn-default 默认/标准按钮
    .btn-primary 原始按钮的样式（未被操作）
    .btn-success表示成功的动作
    .btn-info 该样式用于要弹出信息的按钮
    .btn-warning 表示需要谨慎操作的啊你
    .btn-danger 表示一个危险动作的按钮
    .btn-link 按钮看起来像一个链接，但是任然保留按钮的行为
    .btn-lg 大按钮
    .btn-sm小按钮
    .btn-xs 超小按钮
    .btn-block 块级按钮（拉伸至父元素100%的宽度）
    .active 按钮被点击
    .disabled 禁用按钮

<button type="button" class="btn btn-default">默认按钮</button>
    
    
    <button type="button" class="btn btn-primary">原始按钮</button>
    
    
    <button type="button" class="btn btn-success">成功按钮</button>
    
    
    <button type="button" class="btn btn-info">信息按钮</button>
    
    
    <button type="button" class="btn btn-warning">警告按钮</button>
    
    
    <button type="button" class="btn btn-danger">危险按钮</button>
    
    
    <button type="button" class="btn btn-link">链接按钮</button>

<button type="button" class="btn btn-primary btn-lg">
          大的原始按钮
       </button>
       <button type="button" class="btn btn-default btn-lg">
          大的按钮
       </button>

**按钮的状态**  
激活状态`按钮元素和锚元素都可以添加.active显示它是激活的`

禁用状态  
禁用一个按钮时，颜色会变淡50%,并失去渐变