html - Bootstrap 折叠面板在展开时变得太大

标签 html css twitter-bootstrap

我正在尝试让我的折叠面板正常工作(这是新功能),它现在可以很好地最小化,但在展开时,它会展开到页面底部,然后返回到预期大小。

http://www.bootply.com/1OBli5zMTd

单击右上角的展开/折叠小图标。观察它变得太大,然后恢复到应有的大小。

我怎样才能让它扩展到合适的大小?

最佳答案

我实际上不确定是什么原因造成的,但我确实找到了解决方案。将 #collapseClosed 移到 .panel-group 之外。我认为这里的默认 CSS 存在一些奇怪的嵌套问题,但我必须花更多时间才能找出到底出了什么问题。

这是您调整后的 bootply还有一个jsfiddle .

关于html - Bootstrap 折叠面板在展开时变得太大,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29323236/

相关文章:

css - 如何设置正常颜色和悬停颜色?

twitter-bootstrap - Kendo UI Splitter 打破了 Bootstrap 样式

html - HTML/CSS 中的响应式元素周期表

javascript - 用于网络音频 api 的声音库

javascript - 单击按钮时 jquery 切换 <td>

html - 我的 CSS 未在 Internet Explorer 11 和 Firefox 中加载!仅适用于 Chrome

html - 如何使用 HTML 打印正方形(在打印机上)?

twitter-bootstrap - CSS - 网格内嵌套网格

html - 如何将我的 Logo 图像和搜索字段(如 Google 页面)居中? ( Bootstrap )

javascript - 如何将两个单选按钮的输入分配给单个字段?