Question

我的行非常简单，有两列，每列都有列表。

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

但井底被裁剪掉了（丑陋！）无论我做什么，列表都只是他们得到的元素一样大。

Answer 1

给list-container类一个min-width属性。如果你知道那里有多少项，请给min-width一个最大数。例如：

你的ul中有最多5个li元素，每个高度为10px给list-container类一个min-width：50px

Bootstrap 3 100％高度的电池

1 个答案: