用于控制文本的對齊、組合、字重等示例以及使用文檔。

文本對齊

左對齊、右對齊、居中對齊，可以使用與柵格系統相同的寬度響應式類（即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類刪除文本修飾。

總結

以上是生活随笔為你收集整理的bootstrap 右对齐样式_Bootstrap的文本处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。