4 Bucket Items Wont Respond

by Jedi mindTricker   Last Updated August 14, 2019 01:08 AM - source

enter image description hereI have 4 bucket items coded with bootstrap and a php loop in wordpress.I want the 4 bucket items to appear in a row for desktop, and collapse into a columns on mobile. This is the only way I can get them to appear in a row on desktop. However, I can't make them collapse using media queries ie flex-direction:column.


    while(have_posts())  {
$args = array(
'post_type' => 'post',
'posts_per_page' => '4',


$blogposts = new WP_Query($args);



    <div class="card-deck px-2">
        <div class="card mb-4"> 
            <div class="view overlay">
                <img class="card-img-top" src="<?php echo get_the_post_thumbnail_url(get_the_ID()); ?>">
                <a href="<?php the_permalink(); ?>">
                    <div class="mask rgba-white-slight"></div>
        <div class="card-body">
            <h4 class="card-title"><?php the_title(); ?></h4>
        <p class="card-text"><?php echo wp_trim_words(get_the_excerpt(), 15); ?></p>

        <button type="button" href="<?php the_permalink(); ?>" class="btn btn-md">Read more</button>

</div><!-- row -->


Related Questions

Why is my oembed function modifying Twitter embed?

Updated December 19, 2018 18:08 PM

loop carosel bootstrap

Updated February 28, 2016 01:03 AM