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

question 2:
my sidebar looks smaller than its column unit (2/12).It had good orange background before I edit header.Then it, sticky-top header and sidebar crashed.

, , Faruk riza 2 years 2020-01-14T08:38:52-05:00 0 Answers 76 views 0

Leave an answer