使自舉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廣場

回答

相關問題