如何使用 Bootstrap 按钮？引入 Bootstrap CSS创建按钮元素并添加 Bootstrap 按钮类添加按钮文本
Bootstrap 按钮的使用指南
Bootstrap 提供了一系列预先设置的按钮样式，可以轻松添加到您的 web 项目中。这些按钮是响应式的，并在各种屏幕尺寸下良好显示。
如何使用 Bootstrap 按钮
要在您的项目中使用 Bootstrap 按钮，您需要：
-
引入 Bootstrap CSS：在
<head>标签中，添加对 Bootstrap CSS 文件的引用。 -
创建按钮元素：使用
<button>元素创建按钮。 -
添加 Bootstrap 按钮类：向按钮元素添加一个 Bootstrap 按钮类，例如
btn-primary或btn-outline-success。 - 添加按钮文本：在按钮元素内添加按钮文本。
Bootstrap 按钮类
Bootstrap 提供了多种按钮类，可用于设置不同的按钮样式和行为：
-
类型：
btn-primary、btn-secondary、btn-success、btn-danger、btn-warning、btn-info、btn-light和btn-dark。 -
尺寸：
btn-sm、btn-lg和btn-block。 -
形状：
btn-rounded。 -
状态：
btn-active、btn-disabled和btn-loading。 -
外框：
btn-outline-*。
示例
<code class="html"><button type="button" class="btn btn-primary">Primary Button</button> <button type="button" class="btn btn-outline-success">Success Button</button></code>
第一个按钮将呈现一个带有蓝色背景和白色文本的按钮，而第二个按钮将呈现一个带有绿色边框和白色文本的按钮。
其他特性
Bootstrap 按钮还支持以下其他特性：
-
图标：使用
<i>元素添加图标。 -
禁用：使用
disabled属性禁用按钮。 -
加载状态：使用
btn-loading类指示按钮正在加载。
通过使用 Bootstrap 按钮，您可以轻松地为您的项目添加美观且交互式的按钮。
