带有2行，4列，7个项目的CSS网格。如何居中第二行？

Question

我有7个动态内容要显示在我的页面中。这是我的内容代码：

<?php	if ($n==1) { ?>
<div class="large-12 columns">
	
	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-4 partner-grid">
<?php		} ?>
		<li>
			<a href="<?php the_permalink(); ?>" class="th people-thumb">
				<span class="partners-thumb pt<?php echo $n; ?>"><img src="<?php echo $pimg; ?>" /></span>
				<h2 class="th-name"><?php the_title(); ?></h2>
			</a>
		</li>
<?php	if ($n==8) { ?>
	</ul>
	</div>
<?php		} ?>
<?php
		$n++;
	endwhile;
?>

现在它运行正常，但是包含3个项目的第二行向左对齐（应该正确）。

无论如何都要使第二行的第3行居中，同时保持这样的间距和大小？

图像（https://i.imgur.com/ZwdelMv.png）

谢谢！

Answer 1

也许是引导程序。使用一些CSS处理边框和背景色

Answer 2

像下面的片段

Answer 3