使自举Cols广场

我在我的Rails应用程序中有一个索引视图。我想在索引视图中以标题模式显示专辑封面，没有任何空白。我想让“col-sm-4”类的bootstrap div与它们的宽度完全相同，也就是我希望它们是正方形。有没有一种方法来绑定div的高度而不使用javascript？显然，我需要它的响应，因为宽度是响应的。我搜索了四周，似乎无法找到答案。使自举Cols广场

这是我的代码：

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

来源

2017-01-09 J Seabolt

您的（非）Bootstrap CSS在哪里？ – Roy

我还没有开始任何CSS。我想在进一步造型之前解决这个问题，因为一切都依赖于它。现在，你看到的课程就是全部。我希望这个宽度是divs的高度。我显然会为新的风格创建一个类。 –

SO并不是一个可以代码的地方，你必须先自己尝试。请在代码中添加一个起点，以便正确快速地回答您的问题。另见http://stackoverflow.com/help/mcve – Roy

您需要设置parrent容器相同的宽度和高度。示例：

<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%; 
}

来源

2017-01-09 19:35:34 grinmax

使自举Cols广场

回答

相关问题