Verwendung von Bootstrap-Navigation auf einer Seite

Berücksichtigen Sie zunächst, dass ich nur begrenzte Kenntnisse in Webentwicklung habe. Ich habe versucht, eine Bootstrap-Nav-Komponente in eine Seite einzufügen.

Ich habe den Bootstrap-Ordner in meinem Themenordner hinzugefügt, die Skripte und Stile mit wp_enqueue_script und wp_enqueue_style geladen und etwas HTML in meine Seite eingefügt.

 

Alles war in Ordnung, es sah gut aus:

Es sah gut aus

Aber wenn ich versuche, ein Dropdown-Menü hinzuzufügen, gibt es seltsame Verschiebung im Nav. Hier ist der Code

  

Sieht nicht gut aus

Zwischen der Zeile und den Tabs befinden sich 20 Pixel.

Ich sollte dir sagen, dass ich ein Thema namens Meola verwende, das von Elmastudio entwickelt wurde. Vielleicht ist es das, was das Navy durcheinander bringt, aber ich habe versucht, meine Seite ohne CSS zu laden, und obwohl es weniger breit erschien, gab es immer noch eine Verschiebung.

(Entschuldigung für mein Englisch, ich bin kein englischer Muttersprachler. Und dank der Person, die meine Bilder in diesem Beitrag anzeigen kann (ich habe nicht die 10 Wiederholungen, dies zu tun).)

Solutions Collecting From Web of "Verwendung von Bootstrap-Navigation auf einer Seite"

Ok, ich habe herausgefunden, was falsch war: Es scheint, dass WordPress leere p-Tags in deinen Code einfügt. Also hatte ich eine davon in meinem HTML und es hat das Layout durcheinander gebracht. Um WordPress zu sagen, dass er damit aufhören soll, müssen Sie diese Zeile kommentieren

  add_filter( 'the_content', 'wpautop' ); 

Das befindet sich in default-filters.php im Verzeichnis wp-include im Stammverzeichnis Ihrer Site. Es sollte funktionieren.