Wie zu erhöhen Bootstrap navbar-brand font-size?

Ich habe eine basic bootstrap navbar mit einer Marke. Der start in mein html sieht so aus:

<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.

die wie folgt aussieht:

Wie zu erhöhen Bootstrap navbar-brand font-size?

Will ich jetzt ändern Sie die schriftart Lato und erhöhen Sie die schriftart, also ich habe Folgendes in der <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>

aber jetzt sieht es so aus:

Wie zu erhöhen Bootstrap navbar-brand font-size?

Wie Sie sehen können, in der css habe ich versucht die Erhöhung der font-Größe auf 100 Pixel, aber es bleibt so klein. Weiß jemand, was ich tun kann, um erhöhen die font-size von der Marke? Alle Tipps sind willkommen!

können Sie den code zu testen
Versuchen Sie, hinzufügen !wichtiger als Rahul sagte ihm Antwort, wird es überschreiben die Stile der Klasse, die Sie möchten, neu zu Bearbeiten, aber nicht die ganze Klasse, nur die Attribute, die Sie schreiben, mit "!wichtig"
seine arbeiten jsfiddle.net/MadhawaMB/m2fkLrtf

InformationsquelleAutor kramer65 | 2015-12-30

  1. 5

    Verwenden Sie einfach font-size: 100px !important; hoffe, dass dies hilfreich für Sie sein werden.

    InformationsquelleAutor Rahul Kashyap

  2. 1

    Können Sie etwas tun, wie die folgenden. Es wird nicht nur machen Sie Ihre Marke-Namen einen link, aber auch wird es eine überschrift. Es wird effizient für Suchmaschinen zu.

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

    InformationsquelleAutor Sujeet Agrahari

Schreibe einen Kommentar