My queries intertwine bootstrap 4 post card – dont seem like column

Each one of my post queries (wordpress) interwine to another.Card made by bootstrap 4.How can I fit it?

I asked this question on stackoverflow but there’s no answer.I think probably it spring from it contains wordpress query.

the link:

echo'<div class=”row”>’;

$query = new WP_Query($args);
if ($query->have_posts()) {
while ($query->have_posts()) {
//echo “<div style=background:blue> lsdkjf </div>”;
// get_template_part( ‘template-parts/content’, ‘masonry’ );
// the_title();

echo ‘

<!– Card Wider –>
<div class=”card card-cascade wider col-md-3″>

<!– Card image –>
<div class=”view view-cascade overlay”>
<img class=”card-img-top” src=”” alt=”Card image cap”>
<a href=”#!”>
<div class=”mask rgba-white-slight”></div>

<!– Card content –>
<div class=”card-body card-body-cascade text-center pb-0″>

<!– Title –>
<h4 class=”card-title”><strong>’.the_title();'</strong></h4>
<!– Subtitle –>
<h5 class=”blue-text pb-2″><strong>Graffiti Artist</strong></h5>
<!– Text –>
<p class=”card-text”>Sed ut perspiciatis unde omnis iste natus sit voluptatem accusantium doloremque laudantium, totam rem aperiam. </p>

<!– Linkedin –>
<a class=”px-2 fa-lg li-ic”><i class=”fab fa-linkedin-in”></i></a>
<!– Twitter –>
<a class=”px-2 fa-lg tw-ic”><i class=”fab fa-twitter”></i></a>
<!– Dribbble –>
<a class=”px-2 fa-lg fb-ic”><i class=”fab fa-facebook-f”></i></a>

<!– Card footer –>
<div class=”card-footer text-muted text-center mt-4″>
2 days ago


<!– Card Wider –>

Read more here:: My queries intertwine bootstrap 4 post card – dont seem like column

Leave a Reply

Your email address will not be published. Required fields are marked *