title: How to create a masonry layout using Bootstrap 4?
body: <p>I'm trying to achieve this:</p>
  
  <p><a href="https://i.stack.imgur.com/y2vQS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y2vQS.jpg" alt="masonry grid"></a>
  Using Bootstrap 4, Js,Css and obviously HTML.
  I did not succeed to find something similar on SO, </p>
  
  <p>but I found this on the Bootstrap 4 documentation, but I'm not sure if this is the right thing: <a href="https://getbootstrap.com/docs/4.1/components/card/" rel="nofollow noreferrer">Bootstrap 4 Cards</a></p>
  
  <p>Can someone enlight me on the best way to create this layout?</p>
  
  <p>Thanks</p>
  
  <p><strong>EDIT:This is not the same as other questions you can see, even if this question has been marked as duplicated. On my example, the 'cards' are not sitting in proper columns, but each one has his own width. Please mark the difference between my question and others</strong></p>
  
  <p><strong>EDIT2: I made it work. <a href="https://youtu.be/CvmeGvKbPlM" rel="nofollow noreferrer">https://youtu.be/CvmeGvKbPlM</a></strong> </p>