更改bootstrap 3箭头工具提示的宽度

Question

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

我改变了班级

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

-结果：

我想要什么：

Answer 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，则可以将该箭头向左移动更多。