使用Twitter Bootstrap 2.0-如何使列高相等？

一尘不染

使用Twitter Bootstrap 2.0-如何使列高相等？

css

bootstrap 2.0是否有任何帮助程序使.span1，.span2 .... span12的高度相等。我已经嵌套了这种类型的html

<div class='container'>
  <div class='row'>
    <div class='span2'>
      <div class='well'>
        XXXX
      </div>
    </div>
    <div class='span2'>
      <div class='well'>
        XXXX
        XXXX
      </div>
    </div>
    <div class='span2'>
      <div class='well'>
        XXXX
        XXXX
        XXXX
      </div>
    </div>
  </div>
</div>

如果可能，我希望每口井的高度都一样吗？

阅读 257

2020-05-16

共1个答案

一尘不染

这是一个响应式CSS解决方案，基于为每列添加较大的填充和同样大的负边距，然后将整个行包装在隐藏了溢出的类中。

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#ffc;
}

.col-wrap{  
    overflow: hidden;   
}

2020-05-16