使用.btn-danger类可以为按钮设置危险动作,即元素的红色背景色。
您可以尝试运行以下代码来实施危险动作-
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> </head> <body> <div class = "container"> <button type = "button" class = "btn btn-primary btn-block">Categories</button> </div> <div class = "container"> <a href = "#">Tech <span class="badge">95</span></a><br> <a href = "#">Entertainment <span class="badge">30</span></a><br> <a href = "#">Research <span class="badge">9</span></a><br> <a href = "#">Viral <span class="badge">20</span></a><br> <a href = "#">Sport <span class="badge">105</span></a> </div> <div class = "container"> <br><p>Do not click below:</p> <button type = "button" class = "btn btn-danger">Danger</button> </div> </body> </html>
本文向大家介绍向元素添加黄色背景色以使用Bootstrap设置警告操作,包括了向元素添加黄色背景色以使用Bootstrap设置警告操作的使用技巧和注意事项,需要的朋友参考一下 要将警告动作设置为Bootstrap中的按钮,请使用.btn-warning按钮。您可以尝试运行以下代码来实现btn-warning按钮 示例
本文向大家介绍向元素添加蓝色背景色以使用Bootstrap设置关键内容,包括了向元素添加蓝色背景色以使用Bootstrap设置关键内容的使用技巧和注意事项,需要的朋友参考一下 要在元素上设置关键内容,请使用Bootstrap中的.bg-primary类。 您可以尝试运行以下代码来实现.bg-primary类,该类为蓝色- 示例
本文向大家介绍向元素添加绿色背景色以使用Bootstrap设置积极的行为,包括了向元素添加绿色背景色以使用Bootstrap设置积极的行为的使用技巧和注意事项,需要的朋友参考一下 使用Bootstrap中的.btn-success类为元素设置肯定动作。您可以尝试运行以下代码来实现.btn-success类- 示例
本文向大家介绍向Bootstrap 4卡添加灰色背景色,包括了向Bootstrap 4卡添加灰色背景色的使用技巧和注意事项,需要的朋友参考一下 要为Bootstrap 4卡添加灰色背景色,请将该卡类与bg-dark上下文类一起使用- 将卡主体设置在相同的<div>类中- 让我们看看完整的示例,向Bootstrap卡添加灰色背景色- 示例
本文向大家介绍向Bootstrap 4卡添加浅灰色背景色,包括了向Bootstrap 4卡添加浅灰色背景色的使用技巧和注意事项,需要的朋友参考一下 要将浅灰色背景色添加到Bootstrap中的卡,请使用bg-light上下文类和卡类。 要设置浅灰色背景,请将其添加到<div>类中- 您可以尝试运行以下代码以在Bootstrap 4中为卡添加亮灰色背景色- 示例
本文向大家介绍在Bootstrap中的元素上设置橙色边框以指示危险,包括了在Bootstrap中的元素上设置橙色边框以指示危险的使用技巧和注意事项,需要的朋友参考一下 要将橙色边框设置为元素,请使用border-warning类- 设置元素的样式- 让我们看一个在Bootstrap中实现border-warning类的示例- 示例