2017-10-01 3 views
0

Je ne sais pas ce que j'ai fait mal. J'ai deux widgets affichés sur ma page d'accueil. deux d'entre eux sont mes widgets cystom. Je voudrais qu'ils affichent dans la colonne de droite de ma page. Je ne sais pas pourquoi certains d'entre eux sautent au bas de ma page. (J'utilise bootstrap mais j'ai étendu le système de grille à 24 colonnes) enter image description hereWidgets sauter au bas de la page dans le modèle wordpress

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> 

Quelqu'un pourrait-il aider?

+1

Je pense qu'il ya div dans le widget sidebar qui n'est pas fermé correctement et briser le html, vous devez vérifier votre widget –

+1

Comme l'a dit Balwant, cela semble provenir d'un élément HTML n'étant pas fermé correctement. Pouvez-vous poster le code HTML que vous avez utilisé dans votre widget "à propos"? – Matthew

Répondre

1

Vous avez un ou plusieurs <div> non fermés, ce qui signifie qu'il vous manque un ou deux marqueurs de fermeture </div>. La meilleure chose à faire est d'utiliser le validateur html au https://validator.w3.org pour les trouver. Entrez votre URL (pour un site public) ou utilisez le "Valider par entrée directe" pour couper/coller la source du navigateur. Vérifiez les erreurs et vous trouverez les divs non fermés.

Si votre code est en texte brut ou en widgets html, il devrait être plus facile de trouver les divs. Mais le divs peut également être dans la source html générée, donc vous devrez peut-être regarder attentivement dans les modèles de thème php pour trouver où ils sont sortis.

Vous obtiendrez beaucoup d'informations et d'avertissements de code avec le validateur; de nombreux avertissements sont simplement de nature technique et vous pouvez les ignorer en toute sécurité.

+0

Ok, je sais maintenant! J'avais la ligne '