使用 Bootstrap 4 水平居中动态 div.card

Question

我正在基于 Bootstrap 4 的网站上的数据库中列出文章。我希望块 (div.card) 始终水平居中，无论有多少，每行最多 3 个块。我很确定有一种简单的方法可以做到这一点，但到目前为止我的测试并不成功。

这是页面：http://www.0000.yelofox.fr/nos-actualites （你可能需要连接，我不确定，因为我是自动登录的。如果需要，我可以提供密码）

我使用的循环是这样组成的：

echo '<section id="actualites" class="text-center">';
echo '<h2>Nos actualités</h2>';
echo '<div class="row">';
while ($data_news = mysqli_fetch_assoc($rq)){
    echo '<article class="card col-md-3">';
    echo '...';
    echo '</article>';
}
}
echo '</div>';
echo '</section>';

如果您需要更多元素，请告诉我。

感谢您的帮助

Answer 1

看到class="text-center" 不起作用。您可以尝试以下...

echo '<section id="actualites" class="text-center">';
echo '<h2>Nos actualités</h2>';
echo '<div class="row">';
while ($data_news = mysqli_fetch_assoc($rq)){
    echo '<article class="card col-md-3" style="text-align: center !important;">';
    echo '...';
    echo '</article>';
}
}
echo '</div>';
echo '</section>';