openNtf debugToolbar UI 被 extLib 的 Bootstrap3 主题覆盖

openNtf debugToolbar UI is overridden by extLib's Bootstrap3 theme

这与使用 openNtf 的 Domino 9.0.1 V 16 (2016-01-28) 扩展库的 Xpages 项目有关。应用了一个自定义主题,它扩展了 extLib 的 Bootstrap3 主题。 现在我也应用了 Mark Leusink 的 debugToolbar Plugin (V 4.0.1, 2014-03-10).
不幸的是,工具栏内显示的所有 table 都是部分 "destroyed",如本例所示:

调试生成的 html 我看到调试 table 的 "label" 单元格分配了 class="label"class="label wide"。不幸的是 bootstrap.cssdisplay: inline 样式应用于 .label 选择器。

目前我通过应用我自己的自定义 css 文件来重置工具栏样式来解决这个问题;但我想知道是否有更优雅的方式,也许是我在这里错过的某种 属性 。或者这是必须在工具栏的源代码中完成的事情吗?

请将此添加为项目的缺陷,以便贡献者了解并解决。

或者,从 https://github.com/OpenNTF/DebugToolbar 下载源代码,贡献修复并提出拉取请求。

希望 Paul 和我在 github 和 openntf.org 项目中的条目将有助于解决此问题。同时,我的解决方法似乎是这里唯一的选择;

正如我上面提到的,我创建了一个自定义样式表,其中只有一行:

div.dBar table.grid td.label{display:table-cell;}

然后我创建了一个自定义控件作为调试工具栏的容器,这样我就可以 link 我的自定义样式 sheet 作为资源。调试自定义控件终于添加到我想要工具栏的所有 xpages。

也许这对其他人也有帮助。