我试图将我的帖子并排排列，但它们一直垂直显示。
这是我的代码：
<div class="row agenda-box justify-content-start padding minheight-40">
<div class="col-md-6 padding-top padding-bottom">
<h5 class="main-text section-title">próximos eventos</h5>
<?php
$agendaHome = new WP_Query(array(
\'post_type\' => \'artist\',
\'orderby\' => \'title\',
\'order\' => ASC,
));
while ($agendaHome->have_posts()) {
$agendaHome->the_post(); ?>
<ul>
<li>
<button class="agenda-btn" data-toggle="collapse" data-target="#<?php the_title(); ?>"><?php the_title(); ?></button>
<div id="<?php the_title(); ?>" class="collapse">
<?php the_field(\'agenda\'); ?>
</div>
</li>
</ul>
<?php }
?>
</div>
</div>
有什么建议吗？
最合适的回答,由SO网友:Boris Kuzmanov 整理而成
不确定最终的html应该是什么样子，但我猜是：
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
在这种情况下，您应该移动
ul 元素，您的代码应该如下所示：
<ul>
<?php while ($agendaHome->have_posts()) {
$agendaHome->the_post(); ?>
<li>rest of the code goes here</li>
<?php } ?>
</ul>
还可以在order参数的ASC周围添加撇号。
\'order\' => \'ASC\'
