Bootsrap 3 100％高度細胞

我有兩列，非常簡單的行，每列都有。Bootsrap 3 100％高度細胞

<div class="container"> 
    <div class="row list-row"> 
    <div class="col-lg-6 list-container"> 
     <div class="well list-container"> 
     <ul> 
      <li>Foo</li> 
      </ul> 
     </div> 
    </div> 
    <div class="col-lg-6 list-container"> 
     <div class="well list-container"> 
     <ul> 
      <li>Foo</li> 
      <li>Foo</li> 
      <li>Foo</li> 
      </ul> 
     </div> 
    </div> 
    </div> 
</div>

所有我想要的是讓每個孔中，並列出相同的高度，不管有多少項目是在他們每個人的（我會用它來將它從一個拖放到另一個）。我能夠通過以下css部分實現它。

.list-row { 
    overflow: hidden; 
} 

.list-container { 
    margin-bottom: -9999px; 
    padding-bottom: 9999px; 
}

但井在底部（醜陋！）裁剪，無論我做什麼，列表只是他們得到的元素一樣大。

來源

2013-12-08 iced

敢肯定你可以使用'顯示：table'和'顯示：這個 – Deryck

的表格單元格嚴重地破壞了bootstrap，試過了。 – iced

給list-container類一個min-width屬性。如果您知道那裏有多少物品，請給最小寬度一個最大數量。例如：

你在你的UL擁有最多5 li元素，並且每個那些高度爲10px的給予列表容器類最小寬度：50像素

來源

2013-12-08 20:40:28 Gokhan

我知道如何設置最小高度，當然。它現在就是這樣做的，但我想只製作兩個單元格寬度相同的單元格。 – iced

Bootsrap 3 100％高度細胞

回答

相關問題