Bootstrap 样式之元素背景颜色

最新推荐文章于 2024-10-03 09:00:00 发布

cvper

最新推荐文章于 2024-10-03 09:00:00 发布

阅读量6.3w

点赞数 9

分类专栏： bootstrap 文章标签： bootstrap 背景颜色样式 css

本文链接：https://blog.csdn.net/cvper/article/details/79398973

版权

bootstrap 专栏收录该内容

7 篇文章 3 订阅

订阅专栏

在Bootstrap中既有文本颜色的样式也有元素背景颜色的样式，

我们先来看看元素背景的颜色有哪几种？

一共五种背景色：分别是 bg-primary bg-success bg-info bg-warning bg-danger

代码：

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link rel="stylesheet" href="bootstrap.css">
    <title>Bootstrap 101 Template</title>
    <style>
          p{font-size:50px;}
    </style>
    
  </head>
  <body>
              <p class="bg-primary">我是bg-primary</p>
              <p class="bg-success">我是bg-success</p>
              <p class="bg-info">我是bg-info</p>
              <p class="bg-warning">我是bg-warning</p>
              <p class="bg-danger">我是bg-danger</p>
              
    <script src="jquery.js"></script>
    <script src="bootstrap.js"></script>
  </body>
</html>

显示效果：