当前位置: 首页 > 编程笔记 >

向元素添加红色背景色以使用Bootstrap设置危险动作

吕志诚
2023-03-14
本文向大家介绍向元素添加红色背景色以使用Bootstrap设置危险动作,包括了向元素添加红色背景色以使用Bootstrap设置危险动作的使用技巧和注意事项,需要的朋友参考一下

使用.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类的示例- 示例