我想将网络聊天插件与 Bootstrap 4 一起使用。只要我将网络聊天放入带有 Bootstrap 的站点，聊天框就会在两侧被剪裁。
如果我检查元素，我可以看到溢出被隐藏了。如果我将其关闭，则聊天气泡完全可见，但用户输入会中断。
例如，在所附图片上，左边的聊天被剪掉了。文本应该说“Just now”，但实际上是“st now”。
如果我在没有 Bootstrap 的纯 HTML 站点中使用网络聊天脚本，那么它会按预期工作。
我将如何重置样式以使其在 Bootstrap 4 中工作？
最佳答案
看起来 Bootstrap 中的 row 类与 WebChat 中的 row 类冲突。
将此添加到您的 CSS 以防止 Bootstrap 向 Webchat 中的行添加边距:
#webchat .row {
margin: 0;
}
希望这对您有所帮助!
关于css - 将 bootstrap 与 Microsoft WebChat 结合使用打破了聊天气泡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54316478/