Bootstrap, Grid System and Flexbox columns - Two competing layouts and the effects of each

Question

I approached a layout from two different directions; and I\'m not sure why the results are what they are. (a.) One row, three columns, and four elements. Two elements are in on