Elementi equidistanti ed allineati orizzontalmente in div

[a94]

Buongiorno, ho un problema: vorrei rendere gli elementi dell'ultimo div di questa pagina (https://verticalife.it/it/calendario.../tour-trekking) equidistanti ed allineare il tutto al centro.
Ora, seguendo i consigli trovati su un altro sito, sono riuscito a rendere gli elementi equidistanti, ma se provo ad allineare il div che li contiene al centro (mediante "display:table;" e "margin: 0 auto;") questi non vengono effettivamente centrati.
C'è un modo efficace, 100% responsive e possibilmente semplice per ottenere il tutto?
Grazie

[a94]

Aggiornamento: sono riuscito nel mio intento ma forse la soluzione utilizzata è un po' troppo macchinosa: consigli?

[graffithouse]

Usando bootstrap darei uno sguardo a come si impostano le colonne.
https://getbootstrap.com/docs/4.4/layout/grid/

[a94]

Grazie per il suggerimento; purtroppo il nostro template utilizza bootstrap 2.3.2, decisamente obsoleto...

[m4rko80]

Ti consiglio di dare un occhio qui FLEX CSS . Se la versione di bootstrap non fa il caso tuo, con flex css e poche righe css puoi tranquillamente centrare i tuoi div