Position elements on webpage via CSS or Bootstrap

Diagram

What is the best way or how do I position elements as shown in the diagram on a webpage to look like this. I tried absolute positioning but I dont know if that would work in a responsive environment and bootstrap seems not able to do this. Any ideas on how to do this positioning and layout?

2 answers

  • answered 2017-11-15 00:52 k.cornett

    This could easily be done using both, and take full advantage of bootstraps responsive framework.

    Just style the columns as needed and absolutely position circles.

    enter image description here

  • answered 2017-11-15 00:56 GoofBall101

    Have you tried using CSS padding’s or margins? W3Schools has great tutorials on how to position elements. Here’s one about using margins and padding is on the next page. https://www.w3schools.com/css/css_margin.asp