誰でもブートストラップグリッドまたはイオングリッドでこれを達成する方法を知っていますか？

Question

これをブートストラップまたはイオングリッドでどのように達成できますか？

画像のサイズが異なります。私は、行がどのように扱われているのか、そのための3つの列があることは分かっています各要素は、それ自身の行にある、と彼らはすべての下を持ってそのように

<div data-whatisit="one of the columns"> 
    <img src="someimage.jpg"> 
    <img src="otherimage.jpg"> 
</div> 

と

<column selector> img { 
    margin-bottom: <some amount>; 
    width: 100%; 
} 

：私は、行は次のように処理されていると思います

Answer 1

マージン。これらの行は3つあります。