1. 字体样式
- 文字颜色:
使用类似 text-primary、text-danger 的类可以设置文字的颜色。
<p class="text-primary">这是蓝色文字。</p>
<p class="text-danger">这是红色文字。</p>
- 字体大小:
使用类似 display-1、h1 的类可以设置文字的大小。
<p class="display-1">特大号文字</p>
<h1>大标题</h1>
2. 对齐和行高
- 文本对齐:
使用类似 text-left、text-center、text-right、text-justify 的类可以设置文本的对齐方式。
<p class="text-left">左对齐文本</p>
<p class="text-center">居中文本</p>
<p class="text-right">右对齐文本</p>
<p class="text-justify">两端对齐文本</p>
- 行高:
使用类似 line-height-1、line-height-2 的类可以设置行高。
<p class="line-height-1">单行高</p>
<p class="line-height-2">双行高</p>
3. 字体样式
- 加粗和斜体:
使用类似 font-weight-bold、font-italic 的类可以设置文字的加粗和斜体。
<p class="font-weight-bold">粗体文字</p>
<p class="font-italic">斜体文字</p>
- 文本修饰:
使用类似 text-uppercase、text-lowercase、text-capitalize 的类可以设置文字的大小写。
<p class="text-uppercase">大写文字</p>
<p class="text-lowercase">小写文字</p>
<p class="text-capitalize">首字母大写</p>
这只是 Bootstrap 排版的基础用法,你可以根据具体的需求和项目要求进一步深入了解和使用。查阅 Bootstrap 官方文档中的 [Typography](https://getbootstrap.com/docs/4.3/content/typography/) 部分以获取更详细的信息。
转载请注明出处:http://www.zyzy.cn/article/detail/12601/Bootstrap