Я использую систему сетки бутстрапа на своей первой странице, чтобы отображать мои сообщения как 1 сообщение в первой строке, 3 сообщения во второй строке, 3 сообщения в третьей строке и т. Д. У меня проблемы с моим сообщения не выравниваются в моих столбцах col-md-4. Тем не менее, единственный раз, когда эта проблема возникает, это когда у меня заголовок длиннее одной строки (примеры ниже). Кто-нибудь знает, как я могу это исправить?Загрузочная сетка не выравнивается правильно
, как это выглядит, когда у меня есть пост, который имеет название (или отрывок), который идет на несколько строк ...
как вы может видеть пример post 12, перемещающийся полностью вправо (где он должен быть слева), например, столбцы 13 и 14 перемещаются снизу. Я не знаю, как исправить эту проблему, и я бы очень признателен за любую помощь!
мой передний page.php
<?php
/*
* Template Name:
*/
get_header();
get_template_part ('inc/carousel');
$the_query = new WP_Query([
'posts_per_page' => 14,
'paged' => get_query_var('paged', 1)
]);
if ($the_query->have_posts()) { ?>
<div id="ajax">
<?php
$i = 0;
while ($the_query->have_posts()) { $the_query->the_post();
if ($i % 7 === 0) { // Large post: on the first iteration and every 7th post after... ?>
<article <?php post_class('col-sm-12 col-md-12'); ?>>
<div class="large-front-container">
<?php the_post_thumbnail('full', array('class' => 'large-front-thumbnail')); ?>
</div>
<h2><a class="front-page-post-title" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p class="front-page-post-excerpt"><?php echo get_the_excerpt(); ?></p>
<div class="front-page-post-info">
<a class="moretext" href="<?php the_permalink(); ?>">Read more</a>
<?php get_template_part('front-shop-the-post'); ?>
<?php get_template_part('share-buttons'); ?>
<div class="front-comments"><?php comments_popup_link ('0', '1', '%', 'comment-count', 'none'); ?></div>
</div>
</article>
<?php
} else { // Small posts ?>
<article <?php post_class('col-md-4'); ?>>
<?php the_post_thumbnail('full', array('class' => 'medium-front-thumbnail')); ?>
<h2><a class="front-page-post-title" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p class="front-page-post-excerpt"><?php echo get_the_excerpt(); ?></p>
<div class="front-page-post-info">
<a class="moretext" href="<?php the_permalink(); ?>">Read more</a>
<?php get_template_part('front-shop-the-post'); ?>
<?php get_template_part('share-buttons'); ?>
<div class="front-comments"><?php comments_popup_link ('0', '1', '%', 'comment-count', 'none'); ?></div>
</div>
</article>
<?php
}
$i++;
}?>
</div>
<?php if(get_query_var('paged') < $the_query->max_num_pages) {
load_more_button();
}
}
elseif (!get_query_var('paged') || get_query_var('paged') == '1') {
echo '<p>Sorry, no posts matched your criteria.</p>';
}
wp_reset_postdata();
get_footer();
Как бы это сделать, если col-md-4 находится в цикле? Как видно выше, на моем front-page.php – user6738171
Вы можете использовать модуль.Что-то вроде if ($ i% 3 === 0) {// создаем div с строкой} else {// просто создаем div с помощью столбцов} – user2263572
Есть ли вероятность, что вы захотите помочь мне отредактировать мой php-файл? У меня была некоторая помощь в написании этого, и я действительно не знаю, как добавить это в настоящее время. Я был бы очень признателен! – user6738171