新設トップに戻るユーティリティテキストユーティリティBootstrap4.xの使い方をBootstrap3.xからの変更箇所を交えて解説しています。整列、折り返し、太さなどを制御する一般的なテキストユーティリティの解説と例。※HTML5のインライン要素による文字の装飾については文字の体裁に掲載。alignment)文字をテキスト配置クラスでコンポーネントに簡単に配置させる。左揃え、右揃え、中央揃えの場合は、グリッドシステムと同じビューポート幅のブレークポイントを使用するレスポンシブ・クラスが使用可能。v4.2.1追加このテキストは折り返す必要がある。なしの場合(参考)このテキストは折り返す必要がある。6rem;">このテキストは折り返す必要がある。クラスで、テキストが折り返されないようにする。折り返したくない文字をココに入れると、ハミ出してしまいます。8rem;">折り返したくない文字をココに入れると、ハミ出してしまいます。クラスを追加してテキストを省略記号で切り捨てることが可能。●ブロックレベルこれはダミーです。●インラインレベルこれはダミーです。text-truncate">これはダミーです。150px;">これはダミーです。IEやEdgeとの互換向け)を設定することで、長いテキスト文字列がコンポーネントのレイアウトを壊さないようにする。transform)文字の大文字小文字のクラスを使用してコンポーネント内の文字を変換。どのようにして各単語の最初の文字だけを変更するかに注意すること。他の文字の場合は影響を受けない。italics)v4.0.0新設、v4.2.1一部追加テキストの太さ(太字)やテキストをイタリック体にすばやく変更可能。リセットし、親要素から色を継承。見本リンクの色をリセットしたミュート色のテキスト。※通常(参考)リンクの色をリセットしないミュート色のテキスト。class="text-reset">リンクの色をリセットした</a>ミュート色のテキスト。クラスを使用してテキストの装飾線を削除。