Центрируйте динамическую карту div.card горизонтально с помощью Bootstrap 4

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