How to design the following custom UI headline with ReactJS, CSS and bootstrap?

I want to develop the following type of design in a responsive in ReactJS using Bootstrap or CSS(if necessary). This is not a header. How should I put the separators between each column and make the values of each label in the next line in the same column using Bootstrap or CSS Flexbox?
I need to have it equally spaced and should be responsive in a way when I resize the browser window it should not overflow. All the items are left aligned in each column.

Sandbox Code –

The UI Design –