与Microsoft WebChat一起使用引导程序可以打破聊天气泡

Question

我想使用的网络聊天插件与引导4。一旦我把网络聊天到一个网站与引导，聊天框被剪裁在双方。

如果我检查元素，我可以看到溢出是隐藏的。如果我关闭它，那么聊天气泡是完全可见的，但是用户的输入被破坏了。

举个例子，在附加的图片上，左边的聊天正在被剪短。案文应该是“刚才”，但实际上是“现在”。

​

​

如果我在一个没有引导的普通HTML站点中使用webchat脚本，那么它就会像预期的那样工作。

我将如何重新设置样式，以便它在Bootstrap 4中工作？

Answer 1

看起来，Bootstrap中的row类与WebChat中的row类是冲突的。将此添加到CSS中，以防止Bootstrap为Webchat中的行添加页边距：

#webchat .row {
  margin: 0;
}

希望这能有所帮助！