<p>Ich verwende eine Vorlage zum Erstellen der Website (https://github.com/learning-zone/website-templates/tree/master/victory-educational-institution-free-html5-bootstrap-template), die Original Die Navigationsleiste sieht so aus: </p>
<p>Vor dem Schrumpfen:
Navigationsleiste</p>
<p>Nach der Minimierung:
Navigationsleiste</p>
<p>Ich habe das Logo in mein Logo geändert. Da mein Logo vertikal kleiner ist, habe ich die Ränder von 10 Pixel auf 20 Pixel geändert</p>
<pre class="brush:php;toolbar:false;">.logo {
Breite: 40 %;
Rand: 20px 0px 20px 0;
}</pre>
<p>Es sieht zentriert aus:
Navigationsleiste</p>
<p>Aber wenn ich auf der Seite nach unten scrolle, verkleinert sich die Navigationsleiste und mein Logo bleibt nicht vertikal zentriert. Es geht nach oben.
Navigationsleiste</p>
<p>Ich habe versucht, das CSS zu reparieren, aber es hat nicht funktioniert</p>
<pre class="brush:php;toolbar:false;">.logo {
Anzeige: Flex;
rechtfertigen-Inhalt: Mitte;
align-items: center;
Breite: 40 %;
Rand: 20px 0px 20px 0;
}</pre>
<p>Dies ist der HTML-Code des Logos</p>
<pre class="brush:php;toolbar:false;"><div class="logo smooth-scroll">
<a href="#banner"><img id="logo" src="images/boxinghub.png" alt="boxinghub logo"></a>
</div></pre>
<p>Der Code im CSS steuert die Position beim Herauszoomen, aber selbst wenn ich .logo oder #logo hinzufüge, hilft es nicht. </p>
<pre class="brush:php;toolbar:false;">@media (min-width:768px) {
.fixed-header-on .navbar-default .navbar-nav >
Polsterung oben: 20px;
Polsterung unten: 20px;
}
}</pre>
<p>Vielen Dank im Voraus für Ihre Hilfe! </p>
Your Answer
1 antwortet
Hot-Tools-Tags
Hot Questions
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln
2024-04-29 11:01:01
So zeigen Sie die mobile Version von Google Chrome an
2024-04-23 00:22:19
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht.
2024-04-19 15:37:47
Im übergeordneten Fenster erfolgt keine Ausgabe
2024-04-18 23:52:34
Wo gibt es die Kursunterlagen zum CSS-Mindmapping?
2024-04-16 10:10:18
Hot Tools
Sammlung der Laufzeitbibliothek vc9-vc14 (32+64 Bit) (Link unten)
Laden Sie die Sammlung der Laufzeitbibliotheken herunter, die für die Installation von phpStudy erforderlich sind
VC9 32-Bit
VC9 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
Vollversion der PHP-Programmierer-Toolbox
Programmer Toolbox v1.0 PHP Integrierte Umgebung
VC11 32-Bit
VC11 32-Bit-Laufzeitbibliothek für die integrierte Installationsumgebung von phpstudy
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Heißer Artikel
Prognose der zehn wichtigsten Trends auf dem Kryptowährungsmarkt im Jahr 2025: Wo ist der nächste Trend?
2025-11-07
By DDD
Wie erkennt man die einheimischen Hundeprojekte im Währungskreis? Vermeiden Sie die Fallen und Risikowarnungen von Zerocoin
2025-11-07
By DDD
Tutorial zur Lösung von CSS @media-Abfrageprioritäts- und Regelabdeckungsproblemen
2025-11-07
By DDD





