Bootstrap 4中的正方形網格

Question

如何在Bootstrap 4中創建正方形的響應網格？

我知道我可以創建一個網格

<div class="row"> 
    <div class="col-md-3" style="width: 100px; height: 100px; color: red"></div> 
    <div class="col-md-3" style="width: 100px; height: 100px; color: red"></div> 
    <div class="col-md-3" style="width: 100px; height: 100px; color: red"></div> 
    <div class="col-md-3" style="width: 100px; height: 100px; color: red"></div> 
</div> 

但不是寬度和高度設置爲100px，我要的大小來響應這樣我就可以填寫與電網的整個頁面，並保持項目之間的小余量。

所以我想我需要定義項目的最小和最大尺寸，這樣我可以使網格定義每頁上的最佳項目數。

我猜可以在Bootstrap 4中使用flexbox來完成，但我在文檔中找不到任何示例。

Answer 1

我認爲你可以從這個頁面的內容有一個解決方案。

How can I make Bootstrap columns all the same height?