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

Question

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.

https://stackoverflow.com/questions/59722169/my-queries-intertwine-bootstrap-4-post-card-dont-seem-like-column

the link: http://www.themeforest-deneme2.deniz-tasarim.site/2020/01/03/fhhfh/

echo'<div class="row">';

            $query = new WP_Query($args);
            if ($query->have_posts()) {
                while ($query->have_posts()) {
                    $query->the_post();
                    //echo "<div style=background:blue> lsdkjf </div>";
                   // get_template_part( 'template-parts/content', 'masonry' );
                   // the_title();
                    //the_content();



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="https://www.wptricks.com/wp-content/uploads/2020/01/photo6.jpg" alt="Card image cap">
    <a href="#!">
      <div class="mask rgba-white-slight"></div>
    </a>
  </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
    </div>

  </div>

</div>
<!-- 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.

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

Leave an answer

Browse
Browse