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

Est-il Twitter Bootstrap classe pour font-weight: bold et d'autres valeurs de font-weight?

Je ne voudrais pas en créer un nouveau si cela existe déjà dans le Bootstrap.

  • Il n'y a pas de classe, Vous avez besoin pour personnaliser propre.
  • ouais il est pas séparée de la classe pour font-weight:bold
InformationsquelleAutor Ionică Bizău | 2013-09-30
  1. 14

    EDIT 2 (finale) : Selon le bootstrap 4 documentation, class="font-weight-bold" est ce que vous cherchez.

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

    J'ai gardé l'original de la réponse ci-dessous à des fins de clarté.

    Je vous poste cette réponse parce que cette discussion semble avoir beaucoup de visiteurs, pourtant, il n'avait pas de bonne solution pour résoudre ce problème. Mais il y aura bientôt un chemin avec Bootstrap 4 :

    Comme ce pull request sur GitHub. montre, vous aurez juste à utiliser le text-weight-normal, text-weight-bold et text-weight-italic classes.

    Cela peut peut-être changer jusqu'à ce que le fonctionnaire de la version stable. À cette date, de l'écriture, ce pull request n'est pas encore fusionné dans l'alpha de la branche.

    Je mettrai à jour ce post une fois Bootstrap v4 a été libéré.

    • Oh, c'est mignon! Pouvez-vous améliorer votre réponse à mentionner que c'est ce qui arrivera dans le Bootstrap 4, et ajouter une solution pour les versions actuelles (soit à l'aide de <strong> et juste de créer votre propre classe)? Je vais indiquer votre réponse.
    InformationsquelleAutor Ilshidur
  2. 89

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

    <strong>rendered as bold text</strong>
    • Un jour, je vais apprendre à lire la documentation. Merci 😉
    • En outre strong ne veut pas dire audacieux nécessairement. À partir de developer.mozilla.org/en-US/docs/Web/HTML/Element/strong: "Généralement, cet élément est rendu par défaut à l'aide d'une police en gras poids. Cependant, il ne devrait pas être utilisé simplement pour appliquer un style audacieux; utiliser le CSS font-weight de la propriété à cette fin."
    • Forte est forte, les caractères gras, en gras 🙁 La réponse par @GurgenHakobyan devraient être privilégiées.
    InformationsquelleAutor Brett Merrifield
  3. 45

    Dans Bootstrap 4:

    class="font-weight-bold"

    Ou:

    <strong>text</strong>
    InformationsquelleAutor Jeremy Lynch
  4. 35

    Créer dans votre Site.css (ou dans un autre lieu) une nouvelle classe nommée par exemple .police de caractères gras et de la régler à votre élément

    .font-bold {
  font-weight: bold;
}
    • Je vous conseille de contre ce, le balisage est censé être sémantique, comme ceci: .quelques-fonctionnelle-description de l'élément { font-weight:bold }. Plutôt que de simplement en utilisant une classe nommée comme un peu de css, il suffit d'utiliser style="font-weight:bold;", c'est plus honnête au sujet d'être rapide n sale.
    • C'est une solution parfaite et tout comme la sémantique que de nombreuses autres classes de Bootstrap comme .texte en majuscules ou en .liste-non stylé. Styles en ligne peut devenir un cauchemar de gestion, par exemple, si vous décidez plus tard que tous les éléments en gras devrait être d'une couleur différente ou avoir un effet de texte. Ayant une classe rend cela plus facile et c'est la meilleure réponse.
    • Je suis d'accord avec Andy ici. Ce qui répond correctement à la question. Valide les cas d'utilisation lors de l'utilisation généralisée des classes serait de fournir le plus propre de la sortie html, où des générateurs, trousses à outils & les modèles sont en cours d'utilisation.
    • C'est la bonne solution pour bootstrap < 4. Le but de strong n'est pas à mettre du texte en gras, les navigateurs de le faire parce que la convention est un texte en gras avec un fort accent. Balise HTML doit avoir de sens sémantique, non seulement existe à des fins de conception. En fait, il n'est pas cité dans W3 recommandation, et même b ne doit pas être invoqué pour être en gras.
    • Cette approche est dépassée dans le bootstrap 4
    InformationsquelleAutor Gurgen Hakobyan
  5. 7

    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>
    InformationsquelleAutor Daniel RM
  6. 1

    Vous devez utiliser bootstarp des variables de contrôle de la police de poids si vous voulez une version personnalisée de la valeur et/ou que vous soyez à la suite d'un régime qui doit être répétée ;
    Les Variables sont utilisées tout au long de l'ensemble du projet comme un moyen de centraliser et de partager des valeurs communément utilisées, comme les couleurs, l'espacement, ou des piles de polices;

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

    InformationsquelleAutor maioman