Bootstrap入门（三）标签的css样式_text-uppercase-优快云博客

本文详细介绍Bootstrap框架中标签的各种CSS样式属性，包括文本对齐方式、大小写控制、字体颜色及背景颜色设置，帮助读者快速掌握并应用到网页布局设计中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文转载自： https://www.cnblogs.com/hnnydxgjj/p/5850841.html 作者：hnnydxgjj 转载请注明该声明。

Bootstrap入门（三）标签的css样式

前提：引入css文件，内容放在一个class为container的div中

标签属性

1.“ text-left ”、“ text-right ”、“ text-center ”属性控制标签内容位置

            <p class="text-left">在左</p>
<p class="text-right">在右</p>
<p class="text-center">居中</p>

效果：

2.“ text-lowercase ”、“ text-uppercase ”、“ text-capitalize ”属性控制标签英文内容的大小写

            <p class="text-lowercase">hahahahhahahaha都小写</p>
<p class="text-uppercase">hahahahhahahaha都大写</p>
<p class="text-capitalize">hahahahhahahaha首字母大写</p>

效果：

3.字体：“text-muted ”、“text-info ”、“text-success ”、“text-warning ”、“text-primary ”、“text-danger ”等属性，对不同情况下的内容进行不同颜色的标注

            <p class="text-muted">text-muted</p>
<p class="text-info">text-info</p>
<p class="text-success">text-success</p>
<p class="text-warning">text-warning</p>
<p class="text-primary">text-primary</p>
<p class="text-danger">text-danger</p>

效果：

4.背景：“bg-muted ”、“bg-info ”、“bg-success ”、“bg-warning ”、“bg-primary ”、“bg-danger ”等属性，对不同情况下的内容进行不同颜色背景的标注

            <p class="bg-muted">bg-muted</p>
<p class="bg-info">bg-info</p>
<p class="bg-success">bg-success</p>
<p class="bg-warning">bg-warning</p>
<p class="bg-primary">bg-primary</p>
<p class="bg-danger">bg-danger</p>