Раунд 2: Попытка выяснить, почему мой контент выглядит отлично, когда размер экрана ниже 992 пикселей, но не тогда, когда он закончен. Все выглядит отлично на нижних экранах, но вряд ли что-либо находится в нужном месте в полноэкранном режиме. У меня такое ощущение, что из-за контейнеров внутри цикла, но я не уверен, как правильно их вынимать, не заставляя все в узкой колонке из контейнера .col-md-1.
<?php get_header(); ?> <div class="row"> <div class="col-lg-12"> <h1 class="page-header">Blog</h1> <ol class="breadcrumb"> <li><a href="#">Home</a> </li> <li class="active">Blog</li> </ol> </div> </div> <div class="row"> <div class="col-lg-8"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <div class="col-md-1 text-center"> <p><?php the_time('l, F jS, Y'); ?></p> </div> <?php if ( has_post_thumbnail() ) : ?> <div class="col-md-5"> <a href="<?php the_permalink(); ?>"> <?php the_post_thumbnail( 'large', array( 'class' => 'img-responsive img-hover' ) ); ?> </a> </div> <?php endif; ?> <div class="col-md-6"> <h3> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> </h3> <p>by <?php the_author_posts_link(); ?> </p> <p><?php the_excerpt(); ?></p> <a class="btn btn-primary" href="<?php the_permalink(); ?>">Read More <i class="fa fa-angle-right"></i></a> </div> <hr> <?php endwhile; ?> <div class="navigation"><p><?php posts_nav_link('','« Newer Posts','Older Posts »'); ?></p></div> </div> <?php include 'include.php'; ?> </div> <?php else: ?> <p><?php _e('Sorry, there are no posts.'); ?></p> <?php endif; ?> <?php get_footer(); ?> Любое понимание очень ценится 🙂