Bootstrap Navbar Expanding on Hover

Also habe ich gerade die Navigationsleiste eines Projekts, an dem ich gerade arbeite, auf eine Bootstrap-Navigationsleiste aktualisiert. Ich habe das Bootstrap ein bisschen modifiziert. Das Problem schien zu passieren, als ich width: 80%; und margin-left: 20%; hinzugefügt habe, um die Navbar die ganze Seite überspannen zu lassen und ganz links die "Marke" zu haben. Sie können das Problem hier sehen: http://output.jsbin.com/mumuna. Quellcode: https://github.com/CSGOFlair/dev Bootstrap Navbar Expanding on Hover

Quelle

2016-10-20 LionWaffles

entfernen Marge von li a: –

Willkommen auf Stack-Überlauf, LionWaffles schweben. Hier möchten wir einen minimalen Testfall von allem, was nicht funktioniert und nicht Github und JSBin Links sehen. – timmyRS

Ich stelle den JSBin-Link ein, damit die Leute das Problem reproduziert sehen und den Code, der das Problem verursacht hat. Ich verstehe nicht wirklich, was du mich fragst. Möchten Sie die Links entfernen? – LionWaffles

Das liegt daran, dass Sie Marge zu Anker-Tag auf Hover hinzufügen.

So ändern:

li a:hover { 
    background-color: #00a8a8; 
    margin: 25px 10px; 
}

auf Linie 47 in https://github.com/CSGOFlair/dev/blob/gh-pages/css/stylesheet.css zu

li a:hover { 
    background-color: #00a8a8; 
    margin: 0px; 
}

Quelle

2016-10-20 04:24:47

Welche Datei wäre das? Wir haben mehrere CSS-Dateien :( – LionWaffles

Überprüfen Sie die aktualisierte Antwort, finden Sie den Code auf dieser Seite in Zeile 47 https://github.com/CSGOFlair/dev/blob/gh-pages/css/stylesheet.css –

Sie behoben es, vielen Dank für die beschreibende Antwort! – LionWaffles

Bootstrap Navbar Expanding on Hover

Antwort

Verwandte Themen