03. 为要素配置颜色

Bootstrap4入门

优酷频道 技术频道

为要素配置颜色

知识点

  • Bootstrap4内置颜色
  • 前景色text-*
  • 背景色bg-*

参考网页:

http://getbootstrap.com/docs/4.0/utilities/colors/

实战演习

<div class="">欢迎收看《小马技术视频》</div>
<div class="bg-primary text-white">欢迎收看《小马技术视频》</div>
<div class="bg-secondary text-white">欢迎收看《小马技术视频》</div>
<div class="bg-success text-white">欢迎收看《小马技术视频》</div>
<div class="bg-warning text-dark">欢迎收看《小马技术视频》</div>
<div class="bg-light text-dark">欢迎收看《小马技术视频》</div>

课程文件

https://gitee.com/komavideo/LearnBootstrap4

小马视频频道

http://komavideo.com