04. 文本样式

Bootstrap4入门

优酷频道 技术频道

文本样式

知识点

  • text-*
  • font-*
  • transform

参考网页:

https://getbootstrap.com/docs/4.0/utilities/text/

实战演习

<h2 class="font-weight-normal display-4">Bootstrap4教学</h2>
<div class="bg-light">欢迎收看《小马技术视频》</div>
<div class="text-center bg-light font-weight-bold">欢迎收看《小马技术视频》</div>
<div class="text-left bg-light">欢迎收看《小马技术视频》</div>
<div class="text-right bg-light">欢迎收看《小马技术视频》</div>
<!--英文变换-->
<p class="text-lowercase">Lowercased text.</p>
<p class="text-uppercase">Uppercased text.</p>
<p class="text-capitalize">CapiTaliZed text.</p>

课程文件

https://gitee.com/komavideo/LearnBootstrap4

小马视频频道

http://komavideo.com