Bootstrap 提供了一系列的排版样式,使得文本和排版元素能够具备一致、美观的外观。以下是 Bootstrap 排版的一些常见类和样式:

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