Bootstrap to wordpress n'affiche pas l'image correctement

Question

J'essaie de convertir un thème Bootstrap en un thème WordPress et WordPress ne veut pas afficher l'image. J'ai fait quelques captures d'écran montrant à gauche le thème dans Bootstrap et à droite celui dans WordPress.

Et voici mon code pour le conteneur d'image dans WordPress Je ne sais pas ce que je fais de travers, j'ai tout essayé et rien ne fonctionne.

<div class="container-fluid">
  <div class="row" data-fluid=".fluidHeigt" data-float="true">
    <div class="col-sm-5 imageCol">
      <div class="image fluidHeigt" style="background-image:url(<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg)">
        <img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg" alt="" class="img-responsive visible-xs" />
          </div>
            </div>

J'ai essayé de changer class="img-responsive visible-xs" en class="img-responsive.visible-xs" et j'obtiens ceci :

Les styles sont les mêmes pour Bootstrap et WordPress, j'ai donc exclu le code de style comme cause du problème, j'ai aussi remarqué que le thème Bootstrap génère automatiquement ce code après le style de la balise min-height:799px; Or, le thème WordPress ne génère pas cela.

Si vous avez besoin de plus d'informations pour résoudre ce problème, n'hésitez pas à me le demander.

Answer 1

.visible-xs rend l'image visible uniquement sur les appareils de très petite taille. Essayez de mettre ceci :

 <img src="<?php echo get_template_directory_uri();?>/img/img-our_impact.jpg"   alt="" class="img-responsive" />

Answer 2

Je vérifierais que votre thème Wordpress charge bien jQuery. Si vous ne le voyez pas, vous pouvez mettre ceci dans votre fichier functions.php pour le charger :

function my_init() {
    if (!is_admin()) {
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'my_init');