Twitter bootstrap 如何防止引导Tootip崩溃？

Bootstrap Tootip将随机崩溃，将其箭头与其主体分离，如下图所示：

我使用在多个浏览器上进行了测试，这种行为可以随机看到，但仍然存在：

Firefox 51.0.1上的工具提示：

Microsoft Edge 38.14393.0.0上的工具提示：

谷歌Chrome 56.0.2924.87（64位）上的工具提示：

如何避免这种情况发生？

---

PS：我认为这是一个渲染问题，关于身体的一些东西就在箭头之后，不是实际的别名，而是接近它。也许让箭头与主体相交可以解决这个问题，但如果引导团队或其他配置提供的解决方案不会让我弄乱工具提示模板，我宁愿这样做。

通常会像其他类似的事情一样在缩放不是100%时崩溃，这可能是由于舍入错误。我过去解决这个问题的唯一方法是丢失一个像素，然后取整到一个完整像素的半像素将不会显示，至少如果页面没有缩放的话

演示：

我使用html的特殊性，以避免！重要的。无论工具提示位于何处，都可以使用的父类

html .tooltip.left .tooltip-arrow {
  right: 1px;
}

html .tooltip.top .tooltip-arrow {
  bottom: 1px;
}

html .tooltip.bottom .tooltip-arrow {
  top: 1px;
}

html .tooltip.right .tooltip-arrow {
  left: 1px;
}

---

这就是我所想的解决方案……我要说的是，这在所有100%缩放（完全没有缩放）的浏览器上都会发生。我不知道所有浏览器的情况，但是Chrome/Webkit有舍入错误。我通常必须在图像相互碰撞时100.5%地制作图像，然后使用基于百分比的设计进行其他处理。显然，这将在Bootstrap 4上得到修复