Jquery 如何将引导添加到按钮

这也许是一个非常愚蠢的问题，但哦，好吧。我以前从未使用过引导。我正在为我的网站使用CodeIgniter，我已经在assest文件夹（CodeIgniter文件所在的位置）中添加了引导文件。我想在这段代码中添加一个引导CSS

<button id="fight">Fight</button>
<button id="run">Run</button>

战斗 跑 但我不知道该怎么做

我在页面顶部添加了引导链接，在底部附近添加了Jquery，但我不知道如何为引导按钮编写代码

我希望“战斗”是红色，“奔跑”是绿色

我已经将这些按钮ID添加到我的JavaScript文件等中，不想弄乱它，以免弄乱其他东西

---

非常感谢所有的帮助和建议，非常感谢

您只需要为按钮添加引导类

对于红色按钮（战斗）：

战斗 （如果你想让它变大或变小，只需在课程末尾添加btn lg或btn sm）

对于绿色按钮（运行）：

运行

您只需要为按钮添加引导类

对于红色按钮（战斗）：

战斗 （如果你想让它变大或变小，只需在课程末尾添加btn lg或btn sm）

对于绿色按钮（运行）：

运行

引导有许多默认按钮类型，颜色各异。 如果要使用默认颜色，可以使用如下类：

*红色按钮：

战斗

*绿色按钮：

运行

---

如果您想了解更多，W3学校是练习使用引导的理想场所：

引导有许多默认按钮类型，颜色各异。 如果要使用默认颜色，可以使用如下类：

*红色按钮：

战斗

*绿色按钮：

运行

---

如果您想了解更多信息，W3学校是练习使用引导的理想场所：

由于您是引导新手，我建议您访问他们的页面。它展示了很多例子供你参考

bootstrap的工作方式是使用类来应用自己预先编写的css。在您的示例中，您希望将class=“btn btn danger”添加为红色，将class=“btn btn success”添加为绿色（请参阅文档）。btn类将元素重新设置为引导按钮的样式（它改变填充、默认颜色、边框等）。btn danger/btn success是更改按钮背景颜色的帮助器类

无引导
搏斗
只是class='btn'
搏斗
只是class='btn-danger'
搏斗
都class='btn btn danger'
搏斗

由于您是引导新手，我建议您访问他们的页面。它展示了很多例子供你参考

bootstrap的工作方式是使用类来应用自己预先编写的css。在您的示例中，您希望将class=“btn btn danger”添加为红色，将class=“btn btn success”添加为绿色（请参阅文档）。btn类将元素重新设置为引导按钮的样式（它改变填充、默认颜色、边框等）。btn danger/btn success是更改按钮背景颜色的帮助器类

无引导
搏斗
只是class='btn'
搏斗
只是class='btn-danger'
搏斗
都class='btn btn danger'
搏斗

请随意使用。请随意使用。

<button id="fight" class="btn btn-danger">Fight</button>

<button id="run" class="btn btn-success">Run</button>