$my_query->have_posts — выстроить посты в ряд

float: left;

Везде в стилях прописал ( к тем классам, что указаны выше )

Отключив стили — ничего не происходит ( за исключением того, что убираются стили ). Отключаю bootstrap — посты растягиваются на всю ширину экрана, но так-же через BR каждый пост.

Повторюсь, если убрать WP цикл — всё отлично отображается, как нужно в ряд, а не в колонку. Как подправить $my_query->the_post() ?

Изучил. В итоге получается так:

Подключаю WP:

Вот отсюда и возникает вопрос, почему все статьи через <BR>, если в коде (как и CSS стилях) нет ни «слова» о <BR>?

Код:

<section id="from-blog">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="from-blog-area">
            <div class="title-area">
              <h2 class="tittle">Our blog</h2>
              <span class="tittle-line"></span>
              <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est</p>
            </div>
            <!-- From Blog content -->
            <div class="from-blog-content">
              <div class="row">
                <div class="col-md-4">
                  <article class="single-from-blog">
                    <figure>
                      <a href="blog-single.html"><img src="assets/images/the-sky.jpg" alt="img"></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="blog-single.html">Here is the post title</a></h2>
                      <p>Posted by <a class="blog-admin" href="#">admin</a> on <span class="blog-date">23rd july 2015</span></p>
                    </div>
                    <p>Sed ut perspiciatis unde mnis is te natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis </p>
                    <div class="blog-footer">
                      <a href="#"><span class="fa fa-comment"></span>18 Comments</a>
                      <a href="#"><span class="fa fa-thumbs-o-up"></span>35 Likes</a>
                    </div>
                  </article>
                </div>
                <div class="col-md-4">
                  <article class="single-from-blog">
                    <figure>
                      <a href="blog-single.html"><img src="assets/images/photographer.jpg" alt="img"></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="blog-single.html">Here is the post title</a></h2>
                      <p>Posted by <a class="blog-admin" href="#">admin</a> on <span class="blog-date">23rd july 2015</span></p>
                    </div>
                    <p>Sed ut perspiciatis unde mnis is te natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis </p>
                    <div class="blog-footer">
                      <a href="#"><span class="fa fa-comment"></span>18 Comments</a>
                      <a href="#"><span class="fa fa-thumbs-o-up"></span>35 Likes</a>
                    </div>
                  </article>
                </div>
                <div class="col-md-4">
                  <article class="single-from-blog">
                    <figure>
                      <a href="blog-single.html"><img src="assets/images/sealand.jpg" alt="img"></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="blog-single.html">Here is the post title</a></h2>
                      <p>Posted by <a class="blog-admin" href="#">admin</a> on <span class="blog-date">23rd july 2015</span></p>
                    </div>
                    <p>Sed ut perspiciatis unde mnis is te natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis </p>
                    <div class="blog-footer">
                      <a href="#"><span class="fa fa-comment"></span>18 Comments</a>
                      <a href="#"><span class="fa fa-thumbs-o-up"></span>35 Likes</a>
                    </div>
                  </article>
                </div>
              </div>    
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

Как подключаю WP:

 <section id="from-blog">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="from-blog-area">
            <div class="title-area">
              <h2 class="tittle">Our blog</h2>
              <span class="tittle-line"></span>
              <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est</p>
            </div>
            <!-- From Blog content -->
            <div class="from-blog-content">
              <div class="row">
                <div class="col-md-4">
                    <?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
                    <article class="single-from-blog">
                    <figure>
                     <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail( array(360,245), $attr ); ?></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                      <p>Опубликовано <span class="blog-date"><?php echo get_the_date(); ?></span><br> 
                          Автор: <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>" class="blog-admin"><?php the_author();?></a></p>
                    </div>
                    <p><?php the_excerpt(); ?></p>
                    <div class="blog-footer">
                      <a href="<?php comments_link(); ?>"><span class="fa fa-comment"></span><?php comments_number('Нет комментариев', '1 комменатрий', '% комм.'); ?></a>
                    </div>
                  </article>
                    <?php endwhile; ?>
                </div>
              </div>    
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

Проблема в том, что я его нигде не могу найти… В исходнике страницы так-же нет никаких <br>
После DOCTYPE прописал

<?php $my_query = new WP_Query('&posts_per_page=3'); ?>

Может в этом условии можно задать стиль выравниванию по левому краю для постов?

На данный момент вид страницы такой:

• Ответ изменён 7 лет, 11 месяцев назад пользователем Acme1994.
• Ответ изменён 7 лет, 11 месяцев назад пользователем Acme1994.

Да, всё верно заметили. Ранее я пробовал дублировать эти дивы и артикли, но у меня тогда просто повторялась одна и таже запись три раза. Как тогда сделать, чтобы добавив эти дубляжи не повторялись сами посты?