我如何控制bootstrap中列的高度?

时间:2015-02-20 18:15:03

标签: javascript css angularjs twitter-bootstrap angularjs-ng-repeat

嘿,我是角度js和bootstrap.i中的新手。使用col-md-4并重复此div,直到数据从json.i获取,使用带有一些标题和下拉列表的手风琴。如果下拉列表的编号相同,那么它显示的结果很好。

Fine result 如果我扩展任何列表然后它会导致问题。

Cause Problem

希望你有我的问题。 提前谢谢!

2 个答案:

答案 0 :(得分:1)

是的,你应该将col-md-4 div分成几行,这样每行只有三个。有点像

<div ng-if"$index % 3 == 0" class="row">
 ... your panels code

答案 1 :(得分:0)

由于没有适合它的数据,因此无法扩展高度。

您可以设置最小高度,如果div变大,您可以进行in-div滚动。

有些事情:

.repeatingDivs {
    max-height : 50px; /* height of the smallest div */
    overflow-y : scroll;
}