引导手风琴-设置为特定高度

Question

我有一个鞋带手风琴，它有一个一英里长的列表，我想把打开的高度设置为大约200 to。当我在CSS中这样做时，手风琴就会打开，但是要达到完全高度，然后在打开后设置为200 it。

我尝试的不仅仅是折叠类，而是类中的折叠和折叠，所做的就是打开手风琴弹出而没有动画。

CSS：

.collapse.in, .collapse{
  height: 200px;
  overflow-y: scroll;
}

我需要在哪里设置高度，以便手风琴只打开到200 at，并在200 at停止动画？

示例：http://jsfiddle.net/murphy1976/c8nw2jmo/1/

Answer 1

不要紧。我设计错元素了。任何想要这样做的人都要小心。风格好，手风琴就会自动取其内容的高度。如果将.well设置为特定高度，则折叠动画将平稳地降至所需的高度。

请参阅jFiddle示例，查看我将.well放在何处，然后根据您的喜好修改.well。

Answer 2

要打开的页面的内容高度更大.引导手风琴是建立显示所有。

如果将包装html元素设置为固定的高度，它就会工作，如更新小提琴中所示。

<form id="max200">

#max200 {
    height: 200px;
  overflow-y: scroll;
}

Answer 3

试试这个，而且我已经编辑了您的jsfiddle示例，检查一下我确信它会正常工作。

.collapse.in, .collapse{
  height: 200px;
  overflow-y: scroll;
  max-height:200px;
}
#instrument.collapsing{
    max-height:200px;
}