Bootstrap 3工具提示不起作用

Question

我的bootstrap 3工具提示有问题。

我使用Bootstrap Application Theme。

这是我的代码：

<div class="col-md-2 col-xs-6 margin_bottom_15">
    <a href="{{ path('list_course_teaching_events', {'course' : course.id }) }}"
        class="col-md-12 btn btn-block btn-primary-outline" 
        data-toggle="tooltip" data-placement="left" title="ToolTipText">
        <i class="icon icon-arrow-bold-left"></i>
    </a>            
</div>

我还包括tether来获得工具提示js插件的工作。 我还包括了js：

{# activate tooltips for this page #}
<script type="text/javascript">
    $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>

工具提示插件似乎可以正常工作。但不是正确的方法：

如您所见，无论我在数据放置部分中写的对齐方式是什么，并且距页面中间的工具提示触发器都很远，ToolTipText都会显示在页面的左侧。及其纯文本。

你们中的一些人对问题可能在哪里有想法吗？

这是问题的真实版本：There is a button in the right