如何将引导程序 4 工具提示与元素的左上角对齐？

Question

在我的引导程序 v4.6.x 中，我使用的是工具提示。默认情况下，工具提示与元素的中心对齐。由于设计要求，我希望工具提示与元素的左上角对齐，如下所示：

我尝试过以下 CSS 并没有奏效：

.tooltip-inner {
    text-align: left!important;
}

更新 1 JSfiddle (https://jsfiddle.net/kingBethal/x0c2sm5u/5/)