Intereting Posts
Получить изображения, прикрепленные к определенной странице Объявления, зависящие от типа посетителей? WordPress Twenty Eleven PhP – форсирование PHP-кода для пропуска первого сообщения на главной странице? WP-CLI не задает шаблон страницы с помощью page_template = "template-name.php" Доступ к объектам экземпляров объектно-ориентированных настраиваемых объектов Что делает $ _GET ? Пользователи могут просматривать только их содержимое с передней стороны Запрос пользовательского запроса Wp Query по запросу meta Довольно URL с add_query_var Как отредактировать ссылку для комментария Как отображать фотографию автора В WordPress без какого-либо плагина? WooCommerce получает класс доставки продукта либо из идентификатора продукта, либо из заказа после завершения заказа крюк действия, когда сообщение достигает определенного количества просмотров wp-cli не находит и устанавливает WordPress Добавить изображение для сообщения с внешнего URL

Различная ширина столбца в 2 строках с бутстрапом и пользовательскими типами сообщений – нужны разные классы

Я использую пользовательский тип сообщения на моем веб-сайте WP, а также используя загрузку.

Я хочу перечислить 5 пользовательских записей типа ввода на моей домашней странице, и я хочу, чтобы первые 3 имели класс col-md-4 в одной строке, а в следующей строке 2 cpt записи имели класс col-md-6

На данный момент у меня есть класс col-md-4 и 2 элемента во 2-й строке не очень хорошо центрируются.

Это мой текущий код:

<div class="container-fluid gray-section"> <div class="container"> <div class="row"> <?php $projects = get_posts(array('post_type'=>'project','posts_per_page'=>5, 'order'=>'ASC')); if ($projects) { ?> <ul class="list-unstyled"> <?php foreach ($projects as $post) { setup_postdata( $post ) ?> <li class="col-md-4 col-sm-6 col-xs-12 col-xxs-12 text-center "> <a class="highlights-item" href="<?php echo get_permalink(); ?>"> <div class="highlights-container"> <?php the_post_thumbnail(); ?> <span class="highlights-title"> <?php the_excerpt(); ?> </span> </div> </a> </li> <?php } wp_reset_postdata(); ?> </ul> <?php } ?> </div> <!-- end row --> </div> <!-- end container --> </div> <!-- end container fluid --> 

Любые предложения, как это исправить?

Solutions Collecting From Web of "Различная ширина столбца в 2 строках с бутстрапом и пользовательскими типами сообщений – нужны разные классы"

Попробуйте код ниже.

 <div class="container-fluid gray-section"> <div class="container"> <div class="row"> <?php $projects = get_posts(array('post_type'=>'project','posts_per_page'=>5, 'order'=>'ASC')); if ($projects) { ?> <ul class="list-unstyled"> <?php $i = 0; ?> <?php foreach ($projects as $post) { setup_postdata( $post ) ?> <?php if($i % 3 == 1) { ?> <li class="col-md-4 col-sm-6 col-xs-12 col-xxs-12 text-center "> <?php } else if ($i % 3 == 0 && $i > 0) { ?> <li class="col-md-6 col-sm-6 col-xs-12 col-xxs-12 text-center "> <?php } ?>** <a class="highlights-item" href="<?php echo get_permalink(); ?>"> <div class="highlights-container"> <?php the_post_thumbnail(); ?> <span class="highlights-title"> <?php the_excerpt(); ?> </span> </div> </a> </li> <?php $i++; ?> <?php } wp_reset_postdata(); ?> </ul> <?php } ?> </div> <!-- end row --> </div> <!-- end container --> </div> <!-- end container fluid -->