Widgets springen am Ende der Seite in WordPress-Vorlage

Question

Ich weiß nicht, was ich falsch gemacht habe. Ich habe einige Widgets auf meiner Homepage angezeigt. Zwei davon sind meine Cystom-Widgets. Ich möchte, dass sie in der rechten Spalte meiner Seite angezeigt werden. Ich weiß nicht, warum einige von ihnen am Ende meiner Seite springen. (Ich bin mit Bootstrap aber ich habe das Grid-System auf 24 Spalten erweitert)

I display them like that: 

<div class="row"> 
    <div class="col-sm-18"> 
      //some code here  
    </div> 
    <div class="col-sm-6"> 
     <?php dynamic_sidebar('sidebar-1'); ?> 
    </div> 
</div> 

Könnte jemand helfen?

Answer 1

Sie haben einen oder mehrere nicht geschlossene <div> 's, was bedeutet, dass Sie ein oder zwei </div> schließende Tags verpassen.

Am besten verwenden Sie den HTML-Validator unter https://validator.w3.org, um sie zu finden. Geben Sie Ihre URL ein (für eine öffentliche Website) oder verwenden Sie die Option "Durch direkte Eingabe validieren", um die Browserquelle zu kopieren/einzufügen. Überprüfen Sie die Fehler und Sie werden die nicht abgeschlossenen divs finden.

Wenn sich Ihr Code in Nur-Text- oder HTML-Widgets befindet, sollte es einfacher sein, die divs zu finden. Aber die divs kann auch in generierten HTML-Quelle sein, so müssen Sie möglicherweise in der php in Thema Vorlagen suchen, wo sie ausgegeben werden.

Sie erhalten viele Informationen und Code Warnungen mit dem Validator; Viele Warnungen sind nur technischer Natur und Sie können sie ignorieren.