twitter bootstrap – 4 bucket elements do not respond

enter the description of the image hereI have 4 bucket elements coded with bootstrap and a php loop in wordpress. I want the 4 bucket elements to appear in a row for the desktop and be reduced to columns on mobile. This is the only way for me to make them appear in a row on the desk. However, I can not reduce them using multimedia queries, such as flex-direction: column.

`
DernièresCauses


 'post',
'posts_per_page' => '4',

);

$blogposts = new WP_Query($args);

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

?>

    

`