ホームページ  >  記事  >  ウェブフロントエンド  >  ブートストラップにはいくつかのテキストクラスがあります

ブートストラップにはいくつかのテキストクラスがあります

青灯夜游
青灯夜游オリジナル
2022-01-10 10:56:071794ブラウズ

ブートストラップには多くのテキスト クラスが含まれています: ".text-muted"、".text-primary"、".text-success"、".text-info"、".text-warning"、" .text -danger」、「.small」など。

ブートストラップにはいくつかのテキストクラスがあります

このチュートリアルの動作環境: Windows 7 システム、ブートラップ バージョン 3.3.7、DELL G3 コンピューター

ソース コード:

ブートストラップにはいくつかのテキストクラスがあります

実行中のエフェクト:

ブートストラップにはいくつかのテキストクラスがあります

# 説明:

#テキスト カラー クラス

以下 クラスが異なると、表示されるテキストの色も異なります。テキストがリンクの場合、マウスをその上に移動するとテキストが暗くなります:

#CategoryDescription.text -muted# 「text-muted」 クラスのテキスト スタイル #.text-primary "text -primary" クラスのテキスト スタイル.text-success "text-success" クラスのテキスト スタイル.text-info 「text-info」クラスのテキスト スタイル .text-warning 「text-warning」クラスのテキスト スタイル .text-danger "text-danger " クラス テキスト スタイルテキスト レイアウト クラス

クラス.small .text-left#.text-center#テキストを中央揃えに設定しますテキストの右揃えを設定します。テキストの揃えと、それを超える段落内のテキストを設定します。画面は自動的に折り返されます画面を超える段落の部分は折り返されません テキストを小文字に設定しますテキストを大文字に設定します# #.text-capitalize単語の最初の文字を大文字に設定します##Others:
説明
小さなテキストを設定します (親テキストのサイズの 85% に設定します)
テキストを左揃えに設定します
#.text-right
.text-justify
.text-nowrap
#.text- lowercase
.text-uppercase
Category

Descriptionブートストラップの基本チュートリアル
.text-hide ページ要素に含まれるテキスト コンテンツを背景画像に置き換えます
#詳細について ブートストラップに関する関連知識については、をご覧ください。 !

以上がブートストラップにはいくつかのテキストクラスがありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。