引导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>
如果可能,我希望每口井结束相同的高度?
解决方法
这里是一个响应式CSS解决方案,基于添加一个大填充和同样大的负边距到每个列,然后包装整个行在一个类中溢出隐藏。
.col{ margin-bottom: -99999px; padding-bottom: 99999px; background-color:#ffc; } .col-wrap{ overflow: hidden; }
你可以看到它工作在jsFiddle
编辑
回答一个问题,这里是一个变化,如果你需要相等的高度井或具有圆角的相等高度列:http://jsfiddle.net/panchroma/4Pyhj/
编辑
回应一个问题,这里是同样的技术在Bootstrap 3,同样的原则,只是更新在Bootstap网格中的类名:http://jsfiddle.net/panchroma/bj4ys/embedded/result/