مشکل چیدمان پست های ریسپانسیو در وردپرس

سلام دوستان وقت بخیر
من بصورت داینامیک هرکاری میکنم پستای سایتی که دارم طراحی میکنم کنار هم بیاد نمیاد، البته به صورت استاتیک با کلاس های card یا col بوت استرپ میتونم ریسپانسیو بزارم ولی مسئله اینجاست که میخوام پستایی که تو وردپرس ارسال میشه کنار هم باشن که هرکاری کردم با float یا display:flex کنار هم نیومدن، عکس و کد فایل post.php رو ضمیمه کردم کسی میدونه ممنون میشم اطلاع بده

<div class="container">
    <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
            <div class="row">
                <div class="col-12 col-md-4">
                    <div id="content">
                        <div class="cont-img text-center"><a
                                    href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
                        </div>
                        <h3 class="cont-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                        <div class="cont-entry"><?php echo mb_strimwidth(get_the_excerpt(), 0, 75, '...'); ?></div>
                        <div class="timepost">
                            <i class="fa fa-clock-o fa-lg" aria-hidden="true"></i>
                            <?php the_time(); ?>
                        </div>
                    </div>
                </div>
            </div>
        <?php endwhile; ?>
    <?php endif; ?>
</div>