4 Bucket Items Wont Respond

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

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.

`
LatestCauses

<?php 
    while(have_posts())  {
    the_post();
    ?>
<?php 
}
$args = array(
'post_type' => 'post',
'posts_per_page' => '4',

);

$blogposts = new WP_Query($args);

while($blogposts->have_posts()){
$blogposts->the_post();

?>

    <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>
                </a>
            </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>

</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