以下に示すように、ブートストラップ 4.1 を使用して複製したスクリーンショットがあります。
これはそのためのフィドルですが、画像が互いに非常に近いため、まだ適切に配置されていません。
上記のスクリーンショットを複製するためにフィドルで使用した HTML コードは次のとおりです。
<div class="container text-center border">
<div class="hello_world">
<img src="https://image.ibb.co/fxj2nJ/image1.png" alt="image1">
<img src="https://image.ibb.co/gZyHMd/image2.png" alt="image2">
<img src="https://image.ibb.co/mGTpZy/image3.png" alt="image3">
<img src="https://image.ibb.co/bZkKZy/image4.png" alt="image4">
<img src="https://image.ibb.co/dF42nJ/image5.png" alt="image5">
</div>
問題文：
上記のスクリーンショットを複製するために、ブートストラップ グリッド システムをどのように使用できるのか疑問に思っています。5 つの画像があるため、5 つの画像のリストを 12 の合計に分割する方法がわかりません。