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

时间:2017-04-21 06:46:09

标签: gwt twitter-bootstrap-3 gwtbootstrap3

我使用gwt披露面板,里面有2 gwtbootstrap3(基于bootstrap 3.3.6)按钮。当我打开披露面板(在Chrome浏览器中)时,按钮的布局被破坏(见图)。 wrong button layout

然后,当我将鼠标悬停在按钮上时,布局会被神奇地修复:

correct layout after hovering

正如您所见,当披露面板打开时,按钮周围的边框绘制错误。将鼠标悬停在按钮上后,正确绘制按钮边框。 按钮大小设置为XS(超小),有两种css样式: margin-left = .5em; 漂浮:对; 其余的是默认的bootstrap样式。

当鼠标悬停在按钮上时,任何遇到此行为的按钮都会重新布线?

1 个答案:

答案 0 :(得分:0)

这不是真正的解决方案,而是一种解决方法。您可以“模拟”#34;而不是使用“Disclosure Panel”。使用折叠的行为。但是你当然有很多东西。它看起来并不像披露面板......但是它以正确的方式呈现内容。

祝你好运 汉纳斯