のTwitter Bootstrapクラスfont-weight: bold
やその他の値はありfont-weight
ますか?
これがBootstrapに既に存在する場合は、新しいものを作成しません。
のTwitter Bootstrapクラスfont-weight: bold
やその他の値はありfont-weight
ますか?
これがBootstrapに既に存在する場合は、新しいものを作成しません。
回答:
EDIT 2(最終):によると、ブートストラップ4ドキュメント、class="font-weight-bold"
あなたが探しているものです。
EDIT:あなたが使用できるclass="font-weight-bold"
よう、ここで示した(ブートストラップ4アルファ)。
明確にするために、以下の元の回答はそのままにしました。
このスレッドには多くの訪問者がいるようですが、この問題を解決するための適切な解決策がなかったため、この回答を投稿しています。しかし、Bootstrap 4を使用する方法がすぐにあります。
このGitHubのプル要求のショー、あなただけ使用する必要がありますtext-weight-normal
、text-weight-bold
そしてtext-weight-italic
クラスを。
これは、正式な安定版リリースまで変わる可能性があります。この執筆日現在、このプルリクエストはまだalphaブランチにマージされていません。
Bootstrap v4がリリースされたら、この投稿を更新します。
<strong>
独自のクラスを使用して作成するだけ)を追加するための回答を改善できますか?そのときあなたの答えをマークします。
<input/>
ボックスに追加すると、内部のテキストが太字になります。必要に応じて強調するために、これをTitleフィールドと一緒に使用します。Chrome ver76およびIE11のWindows x64でテスト済み。
これはBootstrap Webサイトで見つかりましたが、実際にはBootstrapクラスではなく、単なるHTMLです。
<strong>rendered as bold text</strong>
strong
必ずしも大胆な意味ではありません。developer.mozilla.org/en-US/docs/Web/HTML/Element/strongから:「通常、この要素はデフォルトで太字のフォントの太さを使用してレンダリングされます。ただし、太字のスタイルを適用するためだけに使用するのではなく、そのためのCSS font-weightプロパティ。」
Site.css(または別の場所)に、たとえば.font-boldという名前の新しいクラスを作成し、要素に設定します
.font-bold {
font-weight: bold;
}
strong
テキストを太字にすることではありません。慣例は太字のテキストを強調しているため、ブラウザは太字にすることです。HTMLタグは、デザイン目的のためだけに存在するのではなく、セマンティックな意味を持つ必要があります。実際、W3の推奨では引用されておらず、b
太字であると信頼すべきではありません。
Bootstrap 4では、以下を使用できます。
<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>
よりカスタマイズされた値が必要な場合や、繰り返しが必要なスキームに従っている場合は、bootstarpの変数を使用してフォントの太さを制御する必要があります。変数は、色、間隔、フォントスタックなどの一般的に使用される値を集中化して共有する方法として、プロジェクト全体で使用されます。
すべてのドキュメントはhttp://getbootstrap.com/cssにあります。