Comment augmenter Bootstrap navbar-marque taille de police?

J'ai une base de bootstrap barre de navigation avec une marque là-bas. Le début de mon code html ressemble à ceci:

<div class="wrapper">
    <div class="navbar navbar-white navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="/">MyAwesomeCompany</a>
                etc.

qui ressemble à ceci:

Comment augmenter Bootstrap navbar-marque taille de police?

Je veux maintenant changer la police Lato et d'accroître la police, j'ai donc ajouté ce qui suit à la <head>:

<link href='https://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<style>
.navbar-brand
{
  font-family: 'Lato', sans-serif;
  color:grey;
  font-size: 100px;
  margin: 0px;
}
</style>

mais maintenant il ressemble à ceci:

Comment augmenter Bootstrap navbar-marque taille de police?

Comme vous pouvez le voir dans le css j'ai tenté d'augmenter la taille de police pour 100 pixels, mais il reste tellement petit. Quelqu'un sait ce que je peux faire pour augmenter la font-size de la marque? Tous les conseils sont les bienvenus!

  • pouvez-vous fournir le code de test
  • Essayez d'ajouter !important que Rahul a dit de lui répondre, il va remplacer les styles de la classe que vous souhaitez re-modifier, mais pas l'ensemble de la classe, seuls les attributs que vous écrivez avec "!important"
  • son travail jsfiddle.net/MadhawaMB/m2fkLrtf
InformationsquelleAutor kramer65 | 2015-12-30
  1. 5

    Suffit d'utiliser font-size: 100px !important; espère que ce sera utile pour vous.

    InformationsquelleAutor Rahul Kashyap
  2. 5

    La propriété font-size spécifie la taille ou la hauteur de la police. font-size n'affecte pas seulement la police à laquelle il est appliqué, mais il est aussi utilisé pour calculer la valeur de em, rem, et ex unités de longueur.
    Démo
    Essayez comme ceci

    .navbar-brand
{
  font-size: 100px;
}

    Absolue des mots clés et des valeurs

    .navbar-brand
    {
      font-size: larger;
    }

    Elle accepte absolue des valeurs de mot clé:

    xx-small

x-small

small

medium

large

x-large

xx-large

    CSS:

    h1 {
    font-size: 250%;
}

h2 {
    font-size: 200%;
}

p {
    font-size: 100%;
}

    HTML:

    <h1>MyAwesomeCompany</h1>
<h2>MyAwesomeCompany</h2>
<p>MyAwesomeCompany</p>

    InformationsquelleAutor Codeone
  3. 2

    Vous pouvez faire quelque chose comme ce qui suit. Il ne sera pas seulement de rendre votre marque un lien, mais aussi permettra de faire un titre. Facilement changer la taille de la police par le recours à une balise d'en-tête (changement de h1 à h2, h3, etc). Il sera efficace pour les moteurs de recherche aussi.

    <nav class="navbar navbar-light bg-light">
   <a class="navbar-brand" href="#"><span class="mb-0 h1">Navbar</span></a>
</nav>
    InformationsquelleAutor Sujeet Agrahari