Sass 使引导cols为方形

我的Rails应用程序中有一个索引视图。我想在我的索引视图中以标题模式显示相册封面，不留任何空白。我希望“col-sm-4”类的引导div的高度与宽度完全相同，也就是说，我希望它们是正方形。有没有一种方法可以在不使用javascript的情况下将div的高度与宽度绑定在一起？我需要它是有响应的，很明显，因为宽度是有响应的。我四处寻找，似乎找不到答案

这是我的代码：

<%= @albums.each do |f| %>
    <div class="col-sm-4">
        <p><%= f.title %></p>
    </div>
<% end %> 

您需要在平行容器中设置相同的宽度和高度。 例如：

<div class="container">
  <div></div><div></div><div></div>
  <div></div><div></div><div></div>
  <div></div><div></div><div></div>
</div>


.container {
  display: flex;
  flex-wrap: wrap;
  height: 600px;
  width: 600px;
}

.container div {
  background:#555;
  border: solid 1px #000;
  width: 100%;
  max-width: 33%;
}

.集装箱{
显示器：flex；
柔性包装：包装；
高度：600px；
宽度：600px；
}
.货柜组{
背景:#555；
边框：实心1px#000；
宽度：100%；
最大宽度：33%；
}

你的（非）引导CSS在哪里？我还没有开始使用任何CSS。我想在进一步设计之前解决这个问题，因为其他一切都依赖于它。现在，你所看到的课堂就是一切。我希望这个宽度就是divs的高度。很明显，我将为新样式创建一个类。因此，在这里，您不能只要求代码，您必须首先自己尝试。请在代码中添加一个起点，以便正确快速地回答您的问题。另见