“Timeline (responsive)” snippet:
This looks very, very close to what your example shows. The bootstrap snippet linked below covers all the bases you are looking for. I’ve been considering it myself, with the same requirements you have ( especially responsiveness ). This morphs well between screen sizes and devices.
You can fork this and use it as a great starting point for your specific expectations:
Here are two screenshots I took for you… wide and thin:
