更改引导程序 3 箭头工具提示宽度答案

【问题标题】：Change bootstrap 3 arrow tooltip width更改引导程序 3 箭头工具提示宽度
【发布时间】：2018-08-30 19:33:51
【问题描述】：

我在使用 Bootstrap 3 工具提示时遇到问题，我想更改箭头位置。

我换了班

.tooltip.right .tooltip-arrow
{
    border-right-color: #8BA6D5;
    border-width: 40px;
}

- 结果：

我想要什么：

【问题讨论】：

您能否显示创建箭头的 HTML 和 CSS？
@dmikester1 这是引导类.tooltip-arrow
你能给我们提供 jsfiddle 例子来帮助你吗？
jsfiddle:link@Slasher
@GerardoRodriguez 如果我的解决方案对您有帮助，请不要忘记将其标记为答案。

标签： css web twitter-bootstrap-3 frontend

【解决方案1】：

解决方案：https://jsfiddle.net/otxL8v5s/7/

您必须更改工具提示箭头的否定 margin。

.tooltip.right .tooltip-arrow
    {
        border-right-color: #8BA6D5;
        border-width: 40px;
        margin-left: -35px;
        margin-top: -39px;
    }

如果你增加负数margin-left，你可以把这个箭头往左移动。

【讨论】：