Bootstrap 4工具提示 - 缺少箭头

Question

我不确定缺少什么，但我的工具提示显示的是一个方框而不是显示箭头。我尝试通过添加

强制它

.tooltip-arrow {
visibility: visible;}` 

但它没有帮助

jquery的

    $(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip(); 
$('a').mouseover(); });

HTML 的

<li><i class="ion-ios-help-outline" style="color: grey; font-size: 80%" data-toggle="tooltip" data-placement="right" title="Test"></i></li>

CSS

.tooltip-inner {
background-color: #e67e22;
color: white;
font-family: 'Lato';
font-size: 80%; } 


.tooltip-arrow {
visibility: visible; }