title: how to design the div tag with bootstrap
body: <p>I tried to make multiple boxes like below with bootstrap
  <a href="https://i.stack.imgur.com/bra1B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bra1B.png" alt="enter image description here"></a></p>
  
  <p>all the images were the same height, but different widths, so I tried to use a grid system, but it doesn't work. What does that "doesnt work" mean? If I put col-md-4 for image1, and put col-md-2 for following txt, put col-md-3 for image2, all the grid system widths and heights adjust automatically, so all the heights of the images are different. </p>
  
  <p>Could you please help me with this problem?</p>