How to Create 2 div in two different columns in different positions vertically in the same row with Bootstrap

Question

i am starting to read the documentation of Bootstrap 4 and i am trying to understand the concept of the grid system. To do so i try to imagine some use cases in this example