Почему не стоит по центру в Bootstrap 4?

В Bootstrap 4 отказались от класса "text-center" для выравнивания элементов по центру по умолчанию. Это было сделано с целью предоставить разработчикам больше гибкости и возможностей для создания уникальных макетов.

Одна из основных причин, по которой не рекомендуется постоянно выравнивать элементы по центру, заключается в том, что это может привести к потере баланса и гармонии внутри макета. Элементы, выровненные по центру, могут выглядеть неестественно, особенно если другие элементы на странице не выровнены по центру.

Кроме того, центрирование элементов по умолчанию может создавать проблемы с отзывчивым дизайном. Если вы выровняете элементы по центру на больших экранах, они могут выглядеть слишком "разрозненными" на маленьких экранах, так как Bootstrap стремится к обеспечению гибкости и адаптивности.

Вместо этого, в Bootstrap 4 рекомендуется использовать классы "ml-auto" и "mr-auto" для выравнивания элементов по центру. Эти классы автоматически распределяют пространство по бокам элемента, чтобы он оказался по середине родительского контейнера.

Также стоит отметить, что элементы, которые похожи на меню навигации или кнопки, может быть лучше выравнивать по центру с помощью CSS или дополнительных классов Bootstrap, чтобы обеспечить согласованный стиль визуальных элементов.

В целом, отказ от выравнивания элементов по центру по умолчанию в Bootstrap 4 позволяет разработчикам создавать более гибкие и адаптивные макеты, и лучше контролировать выравнивание элементов на странице.