【问题标题】:How i control the height of columns in bootstrap?我如何控制引导程序中列的高度?
【发布时间】:2015-02-21 03:07:43
【问题描述】:
嘿,我是 angular js 和 bootstrap 的新手。我使用 col-md-4 并重复此 div,直到从 json 获取数据。我正在使用带有一些标题和下拉列表的手风琴。如果下拉列表中的列表编号相同,则显示效果很好。
如果我扩展任何列表,那么它会导致问题。
希望你能解决我的问题。
提前致谢!
【问题讨论】:
标签:
javascript
css
angularjs
twitter-bootstrap
angularjs-ng-repeat
【解决方案1】:
是的,您应该将col-md-4 div 分成几行,这样每行只有三个。有点像
<div ng-if"$index % 3 == 0" class="row">
... your panels code
【解决方案2】:
由于没有适合它的数据,因此无法扩展高度。
您可以改为设置一个最小高度,如果 div 变大,您可以进行 in-div 滚动。
类似的东西:
.repeatingDivs {
max-height : 50px; /* height of the smallest div */
overflow-y : scroll;
}