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

向元素添加绿色背景色以使用Bootstrap设置积极的行为

郭知
2023-03-14
本文向大家介绍向元素添加绿色背景色以使用Bootstrap设置积极的行为,包括了向元素添加绿色背景色以使用Bootstrap设置积极的行为的使用技巧和注意事项,需要的朋友参考一下

使用Bootstrap中的.btn-success类为元素设置肯定动作。您可以尝试运行以下代码来实现.btn-success类-

示例

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
      <script src = "https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
      <script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
   </head>
   <body>
      <p>The following are FMCG companies:</p>
      <div class = "btn-default">
         <button type = "button" class = "btn btn-primary">ITC Limited</button>
         <button type = "button" class = "btn btn-primary">Nestle</button>
         <button type = "button" class = "btn btn-primary">Britannia Industries Limited</button>
      </div>
      <p>Click below if the above list is correct:</p>
      <button type = "button" class = "btn btn-success">Success</button>
   </body>
</html>
 类似资料:
  • 本文向大家介绍向元素添加红色背景色以使用Bootstrap设置危险动作,包括了向元素添加红色背景色以使用Bootstrap设置危险动作的使用技巧和注意事项,需要的朋友参考一下 使用.btn-danger类可以为按钮设置危险动作,即元素的红色背景色。 您可以尝试运行以下代码来实施危险动作- 示例

  • 本文向大家介绍向元素添加蓝色背景色以使用Bootstrap设置关键内容,包括了向元素添加蓝色背景色以使用Bootstrap设置关键内容的使用技巧和注意事项,需要的朋友参考一下 要在元素上设置关键内容,请使用Bootstrap中的.bg-primary类。 您可以尝试运行以下代码来实现.bg-primary类,该类为蓝色- 示例

  • 本文向大家介绍向元素添加黄色背景色以使用Bootstrap设置警告操作,包括了向元素添加黄色背景色以使用Bootstrap设置警告操作的使用技巧和注意事项,需要的朋友参考一下 要将警告动作设置为Bootstrap中的按钮,请使用.btn-warning按钮。您可以尝试运行以下代码来实现btn-warning按钮 示例

  • 本文向大家介绍向Bootstrap 4卡添加灰色背景色,包括了向Bootstrap 4卡添加灰色背景色的使用技巧和注意事项,需要的朋友参考一下 要为Bootstrap 4卡添加灰色背景色,请将该卡类与bg-dark上下文类一起使用- 将卡主体设置在相同的<div>类中- 让我们看看完整的示例,向Bootstrap卡添加灰色背景色- 示例

  • 本文向大家介绍向Bootstrap 4卡添加浅灰色背景色,包括了向Bootstrap 4卡添加浅灰色背景色的使用技巧和注意事项,需要的朋友参考一下 要将浅灰色背景色添加到Bootstrap中的卡,请使用bg-light上下文类和卡类。 要设置浅灰色背景,请将其添加到<div>类中- 您可以尝试运行以下代码以在Bootstrap 4中为卡添加亮灰色背景色- 示例

  • 本文向大家介绍使用CSS设置元素的背景色,包括了使用CSS设置元素的背景色的使用技巧和注意事项,需要的朋友参考一下 要设置元素的背景色,请使用background-color 属性。 示例 您可以尝试运行以下代码,以了解如何使用background-color属性: