Arrow Scheme (Steps) Bootstrap + CSS?

Question

css

Friends and colleagues, good day!
Please help with advice, implement the following, for example, there is a scheme of 5 blocks - steps.
For example - stages of development. Block 1 points to the second one with an arrow, the second one to the third one, and so on...
Actually, the question is, how to properly implement all this using bootstrap + css?
Thank you all and have a nice day!

Answer 1

Make a grid of 5 blocks, put another one in each block, which will depict an arrow and have parameters like these:

display:block;
position:absolute;
right:-120px;

An example solution would be:
https://codepen.io/anon/pen/GBwRNm

Answer 2

I would do without extra markup something like this https://codepen.io/sdgroup14/pen/ajQKbq . So essentially the breadcrumbs on the site are doing