Load more doesn’t work as expected

I’ve made this grid using bootstrap on my wordpress.

It displays 3 thumbnails and their title and goes back to the line.
But when I click Load more (the css class container is “load_more” it doesn’t respect the styling. It goes out of the container.

The only thing I’ve found is to delete the container and the next thumbnails appears correctly next to each other but it’s not contained where it’s supposed to (in the container, so there are margin).

Can you help me ?

Thank you

<div class="container">

  <?php

  $args = array("posts_per_page" => "-1", "post_type" =>"post");
  $the_query = new WP_Query ($args);
  while ( have_posts() ) : the_post();
  ?>

  <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12  load_more">
    <div class="le_post_entier top-buffer">

      <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('actus'); ?></a>
      <div class="col-md-12 postbody ">
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?>
        </div>
        <a class="cta" href="<?php the_permalink(); ?>">DÉCOUVRIR →</a>
      </div>

    </div>
  <?php endwhile;?>
</div>

Read more here: Load more doesn’t work as expected

Leave a Reply

Your email address will not be published. Required fields are marked *