为什么工具提示不会放在底部？

Question

这是工具提示的元素：

<div id="pencilTooltip" data-toggle="tooltip" title="Edit Profile" data-placement="bottom">
    <div class="fa fa-pencil editProfilePencil" data-target="#editProfileModal"
         data-toggle="modal">
    </div>
</div>

用于激活工具提示并提供展示位置选项的js：

$('[data-toggle="tooltip"]').tooltip();
    $('#pencilTooltip').tooltip({
        placement: 'bottom'
    });

即使工具提示位于顶部，我也不明白为什么？