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>';

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

1 个答案: