Angularjs 带引导面板的角度ui css动画问题

我已经在中创建了一个演示 ，我使用angular ui处理引导， 但是ui动画似乎不太好用，当我点击标题栏来折叠时，面板主体将动画设置为默认的填充15px，然后立即消失。如果我移除面板主体的填充，动画看起来很平滑。那么，如何保留填充并修复动画问题呢？

您应该将面板主体放在另一个带有面板折叠类的标记中，如下所示：

<div class="panel-collapse" collapse="collaspe1">
    <div class="panel-body">
        <div class="group-item" ng-repeat="group in recommendedGroups">
            <span>{{group.name}}</span>
            <button type="button" class="btn btn-danger btn-xs pull-right">Add</button>
        </div>
    </div>
</div>

---

见更新。我从标记中得到了这条线索。

hei，我找到了一个更好的方法，只需将面板主体填充设置为0，并在面板主体中添加一个div，将填充设置为15px，然后它就可以修复了。好吧，我的解决方案不需要任何样式更改，但您自己看看，您认为什么更好。