Bootstrap の fw-bold とは何ですか?

Bootstrap No Fw Bold Toha Hedesuka



どのアプリケーションでもテキストのスタイルを設定することは、設計上の重要な側面です。これらのスタイルには、太字、色付き、配置などが含まれます。 Bootstrap は、これらの目的のためにいくつかのクラスを提供します。これらのクラスは CSS プロパティで用意されています。 Bootstrap 5 では、「 fw-太字 」 クラスは、テキストを太字にします。

この記事では、次のことを説明します。

Bootstrap の「fw-bold」とは何ですか?

fw-太字 Bootstrap 5 の ” クラスを使用して、テキストを太字にします。このクラスは、CSS「 フォントウェイト」 値 ' を持つプロパティ 700 」を HTML 要素に追加します。







例を分析して、このクラスが要素に対してどのように機能するかを確認してください。



例: 「fw-bold」は Bootstrap でどのように機能しますか?

「」を追加

」要素にテキスト コンテンツを含めます。次に、別の「

」要素を「 fw-太字 ' クラス:



< p > これがLinuxhintです。 < / p >

< p クラス = 'fw-太字' > これがLinuxhintです。 < / p >

出力





段落内のテキストを太字にする方法は?

段落内のテキストを太字にするには、「」のようなインライン要素 <スパン> ' とともに ' fw-太字 」クラスを活用。



を追加

」要素にテキスト コンテンツを含めます。使用 ' <スパン> ” 要素 fw-太字 」 クラスをテキストの周りに配置して、太字にします。

HTML

< p > Linuxhint は < スパン クラス = 'fw-太字' > 最高のチュートリアル Web サイト < / スパン > < を提供する > スパン クラス = 'fw-太字' > 質の高い記事< / スパン >オンラインで世界を教育する< / p >

出力

Bootstrap の「fw-bold」クラスについて例を挙げて学習しました。

結論

ブートストラップでは、「 fw-太字 」クラスを利用して、テキストを太字にします。このクラスは、CSS「 フォントの太さ ”値を持つプロパティ” 700 」。テキストを太字にするには、まず、HTML 要素を使用してドキュメントにテキストを追加し、「fw-bold」クラスを追加します。この記事では、Bootstrap での「fw-bold」クラスの使用法について説明しました。