web-dev-qa-db-fra.com

Définir le poids de la police à l'aide de Bootstrap classes

Existe-t-il une classe Twitter Bootstrap _ pour font-weight: bold et d'autres valeurs de font-weight?

Je ne créerais pas un nouveau si cela existe déjà dans Bootstrap.

htmlcsstwitter-bootstraptwitter-bootstrap-3
109
Ionică Bizău

EDIT 2 (final): Selon la documentation bootstrap 4 , class="font-weight-bold" est ce que vous recherchez.

EDIT: Vous pouvez utiliser class="font-weight-bold" comme montré ici (Bootstrap 4 alpha).

J'ai conservé la réponse originale ci-dessous par souci de clarté.

Je poste cette réponse parce que ce fil semble avoir beaucoup de visiteurs, mais il n'avait pas de solution appropriée pour résoudre ce problème. Mais il y aura bientôt maintenant un moyen avec Bootstrap 4:

Comme cette demande d'extraction GitHub indique, il vous suffira d'utiliser les classes text-weight-normal, text-weight-bold et text-weight-italic.

Cela peut peut-être changer jusqu'à la sortie officielle de stable. À cette date, cette demande d'extraction n'est pas encore fusionnée dans la branche alpha.

Je mettrai à jour ce post une fois que Bootstrap v4 sera publié.

22
Ilshidur

J'ai trouvé ceci sur le site Web Bootstrap , mais ce n'est vraiment pas une classe Bootstrap, c'est juste du HTML.

<strong>rendered as bold text</strong>
91
Brett Merrifield

Dans Bootstrap 4:

class="font-weight-bold"

Ou:

<strong>text</strong>
46
Jeremy Lynch

Créez dans votre site.css (ou à un autre endroit) une nouvelle classe nommée par exemple .font-bold et définissez-la sur votre élément

.font-bold {
  font-weight: bold;
}
36
Gurgen Hakobyan

Sur Bootstrap 4, vous pouvez utiliser:

<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>
7
Daniel RM

Vous devez utiliser les variables de bootstarp pour contrôler votre épaisseur de police si vous souhaitez une valeur plus personnalisée et/ou si vous suivez un schéma qui doit être répété. Les variables sont utilisées tout au long du projet pour centraliser et partager les valeurs couramment utilisées telles que les couleurs, l’espacement ou les piles de polices;

vous pouvez trouver toute la documentation sur http://getbootstrap.com/css .

1
maioman