BootStrap折叠不正确的大小

Question

昨天发布了一个关于BootStrap和面板可折叠的问题非常狡猾，因为图形尺寸正在搞乱。由于没有代码，它被锁定了。我为您创建了一个代码段，演示了我遇到的确切问题：use the IEEE standard for floating point values

{{1}}

作为参考，这是我昨天http://jsfiddle.net/oeq980ts/1/

的帖子

运行jsfiddle的问题很明显：比较崩溃2崩溃1。

昨天的帖子：

https://stackoverflow.com/questions/36109483/collapse-in-bootstrap-issue

我正在通过Bootstrap玩弄崩溃并遇到与.collapse（隐藏内容）和.collapse-in（显示内容）的奇怪互动。

默认情况下，我将collapse1设置为.collapse-in，意味着其中的内容将显示：内部包含图形（最小宽度：310px;高度：400px）。完美的配合，我打开了崩溃2，令我沮丧的是，相同的图表显示非常小，宽度几乎是大小的一半。在使用它之后 - 图表将仅在使用类折叠时以适当的大小显示，否则如果类只是面板折叠折叠，并且您单击折叠以显示内容它将显示完全不成比例的大小。

哦，如果设置了.collapse-in，我应该添加，然后用户可以折叠/解除折叠，并且仍然会显示设置为折叠的图形。对于那些不希望默认显示内容的人来说，这是不幸的。

无论如何可能不会使用它，但我真的对它背后的推理感兴趣。

http://www.w3schools.com/bootstrap/bootstrap_ref_js_collapse.asp

Answer 1

您可以这样做：

步骤：

1. 让他们在第一次加载时显示出来（我的意思是在in div中添加collapse类） - 这将使他们自己修复，安装到它的容器中如你所愿。崩溃将是这样的：

   <div id="collapse2" class="panel-collapse collapse in">

2. 然后使用jQuery隐藏它们（将类in移除到要隐藏的所有div）

   $(document).ready(function(){ $('.collapse').not(':eq(0)').removeClass('in'); });

在这里，我只是模仿你在你的小提琴中做了什么，我隐藏了第一次崩溃。

再次检查jsFiddle。