Bootstrap 4 按钮

Bootstrap 4 按钮

Bootstrap 4 是一个流行的前端框架，它提供了大量的组件和样式，用于快速开发响应式和移动设备优先的网页。在本文中，我们将重点讨论 Bootstrap 4 中的按钮组件，包括它们的基本用法、样式选项和自定义方法。

基本按钮

在 Bootstrap 4 中，创建一个基本按钮非常简单。您只需要将 btn 类添加到 <button> 元素中。例如：

<button type="button" class="btn">基本按钮</button>

这将创建一个默认样式的按钮。Bootstrap 4 还提供了其他几种按钮样式，用于不同的场景和目的。

按钮样式

Bootstrap 4 提供了多种按钮样式，可以通过添加不同的类来应用。以下是一些常用的按钮样式：

• btn-primary：表示主要动作。
• btn-secondary：表示次要动作或替代动作。
• btn-success：表示成功或积极的动作。
• btn-danger：表示危险或潜在的负面动作。
• btn-warning：表示警告或需要用户注意的动作。
• btn-info：表示一般信息提示。
• btn-light：表示浅色按钮，常用于背景较深的页面。
• btn-dark：表示