openNtf debugToolbar UI被extLib的Bootstrap3主题覆盖

Question

这涉及使用openNtf的Extension Library for Domino 9.0.1 V 16（2016-01-28）的Xpages项目。应用了一个自定义主题，扩展了extLib的Bootstrap3主题。 现在我也应用了Mark Leusink的debugToolbar插件（V 4.0.1,2014-03-10） 不幸的是，工具栏中显示的所有表都被部分“销毁”，如下例所示：

调试生成的html我看到调试表的“标签”单元格被分配了class="label"或class="label wide"。很遗憾，bootstrap.css将display: inline样式应用于.label选择器。

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

Answer 1

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

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

Answer 2

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

正如我上面提到的，我创建了一个自定义styleSheet，其中只有一行：

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

然后我创建了一个cusom控件作为调试工具栏的容器，以便我可以将自定义样式表链接为资源。调试自定义控件最终添加到我想拥有工具栏的所有xpages。

也许这也可以帮助别人。