bootstrap 右对齐样式_Bootstrap的文本处理

用于控制文本的对齐、组合、字重等示例以及使用文档。

文本对齐

左对齐、右对齐、居中对齐，可以使用与栅格系统相同的宽度响应式类（即text-sm-*、text-lg-*等方法）来定义。

class	描述
.text-justify	分散对齐
.text-left	左对齐
.text-center	居中对齐
.text-right	右对齐

文本换行

使用.text-wrap类换行文本。

.text-nowrapclass样式类可以防止文本换行。

文本溢出

对于更长的内容，你可以添加一个.text-truncateclass样式，以省略号截断文本（需要结合display: inline-block或display: block来使用）。

<div class="text-nowrap bg-info border text-truncate " style="width: 8rem;">
	This text should overflow the parent.
</div>

字母大小写转换

class	描述
.text-lowercase	转换成小写
.text-uppercase	转换成大写
.text-capitalize	首字母大写

字体粗细和斜体效果

class	描述
.font-weight-bold	加粗字体
.font-weight-normal	正常字体
.font-weight-light	更细的字体
.font-italic	倾斜字体
.text-monospace	等宽字体

文字装饰

使用.text-decoration-none类删除文本修饰。