這篇文章主要講解了“bootstrap中的文本類(lèi)有哪些”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“bootstrap中的文本類(lèi)有哪些”吧！
創(chuàng)新互聯(lián)專(zhuān)注于鐵西網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供鐵西營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，鐵西網(wǎng)站制作、鐵西網(wǎng)頁(yè)設(shè)計(jì)、鐵西網(wǎng)站官網(wǎng)定制、重慶小程序開(kāi)發(fā)服務(wù)，打造鐵西網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鐵西網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。
bootstrap中包含有很多文本類(lèi)：“.text-muted”、“.text-primary”、“.text-success”、“.text-info”、“.text-warning”、“.text-danger”、“.small”等等。
本教程操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦
源代碼：
運(yùn)行效果：
說(shuō)明：
文本顏色類(lèi)
以下不同的類(lèi)展示了不同的文本顏色。如果文本是個(gè)鏈接鼠標(biāo)移動(dòng)到文本上會(huì)變暗：
| 類(lèi) | 描述 |
|---|---|
| .text-muted | "text-muted" 類(lèi)的文本樣式 |
| .text-primary | "text-primary" 類(lèi)的文本樣式 |
| .text-success | "text-success" 類(lèi)的文本樣式 |
| .text-info | "text-info" 類(lèi)的文本樣式 |
| .text-warning | "text-warning" 類(lèi)的文本樣式 |
| .text-danger | "text-danger" 類(lèi)的文本樣式 |
文本排版類(lèi)
| 類(lèi) | 描述 |
|---|---|
| .small | 設(shè)定小文本 (設(shè)置為父文本的 85% 大小) |
| .text-left | 設(shè)定文本左對(duì)齊 |
| .text-center | 設(shè)定文本居中對(duì)齊 |
| .text-right | 設(shè)定文本右對(duì)齊 |
| .text-justify | 設(shè)定文本對(duì)齊,段落中超出屏幕部分文字自動(dòng)換行 |
| .text-nowrap | 段落中超出屏幕部分不換行 |
| .text-lowercase | 設(shè)定文本小寫(xiě) |
| .text-uppercase | 設(shè)定文本大寫(xiě) |
| .text-capitalize | 設(shè)定單詞首字母大寫(xiě) |
其他：
| 類(lèi) | 描述 |
|---|---|
| .text-hide | 將頁(yè)面元素所包含的文本內(nèi)容替換為背景圖 |
感謝各位的閱讀，以上就是“bootstrap中的文本類(lèi)有哪些”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)bootstrap中的文本類(lèi)有哪些這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
重慶分公司
重慶分公司
