Bootstrap Navbar - Image was tiefer setzen?

Dsimon24

Lt. Junior Grade
Dabei seit
Aug. 2016
Beiträge
452
Hallo zusammen,

ich nutze Bootstrap um eine Website bzw. eine WebApp zu erstellen.
Jetzt habe ich die Standard-Navbar eingebunden und möchte ein Logo einbinden.
Das Logo soll aber nur zur Hälfte noch in der Navbar, zur anderen Hälfte unter der
Navbar ersichtlich sein. Wie kann ich das Logo so nach unten verschieben, sodass
sich die Navbar nicht nach unten hin vergrößert?

HTML:
                <a class="navbar-brand" href="{{ url('/') }}">
                    <?php //{{ config('app.name', 'Laravel') }} ?>
                    <img src="https://red.xxx.de/assets/img/logo.png"
                         height="60"
                         width="60"
                         alt="">
                </a>
Und wo wir gerade dabei sind? Wie kann ich eine Farbe für die Navbar festlegen?

VG, David
 

benneq

Fleet Admiral
Dabei seit
Juli 2010
Beiträge
10.687
Zuletzt bearbeitet:

Tourgott

Lt. Commander
Dabei seit
Aug. 2009
Beiträge
1.366
Setze ein <div class="verschieben"> mit position:absolute um obigen Code. Das Elternelement setzt du auf position: relative.

Die Klasse "verschieben" kannst du nun beliebig positionieren.
 
Top