GWT Disclosure面板的Bootstrap按钮布局错误

Question

我使用一个gwt公开面板，里面有2个gwtbootstrap3 (基于引导3.3.6)按钮。当我打开显示面板(在chrome浏览器中)时，按钮的布局被破坏(见下图)。

​

然后，当我将鼠标悬停在按钮上时，布局就会神奇地固定下来：

​

​

正如您所看到的，当公开面板打开时，按钮周围的边框绘制错误。将鼠标悬停在按钮上后，按钮边框绘制正确。按钮大小设置为XS (非常小)，有两种样式：.5em-left= .5em；float: right；其余的是默认的引导样式。

当鼠标悬停在按钮上时，有没有人遇到过这种行为？

Answer 1

好吧，这不是一个真正的解决方案，而是一个变通办法。您可以使用折叠来“模拟”行为，而不是使用Disclosure Panel。当然，你自己也要做很多事情。它看起来并不完全像一个公开的小组...但是，嘿，它以正确的方式呈现了内容。

向Hannes致以最好的问候