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.


'posts_per_page' => '4',


$blogposts = new WP_Query($args);