Twitter bootstrap 悬停时工具提示按钮移动

将任何按钮悬停，您将看到它自己在移动。
为什么会发生这种情况，这是一个引导错误吗？

HTML:

<div class="navbar-header" style="padding:4px 0 0 15px;">
  <button id="btnCadastrar" type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" title="Cadastrar">
    <span class="glyphicon glyphicon-plus"></span>
  </button>
  <button id="btnEditar" type="button" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" title="Editar" style="margin-right:1px;">
    <span class="glyphicon glyphicon-edit"></span>
  </button>
  <button id="btnRemover" type="button" class="btn btn-default btn-danger btn-sm" data-toggle="tooltip" data-placement="bottom" title="Remover">
    <span class="glyphicon glyphicon-trash"></span>
  </button>
</div>

Bootply:

按钮组和输入组中的工具提示需要特殊设置 在

.btn组

或

.input group

，您必须指定选项

容器：'body'

（记录如下）以避免不必要的副作用（如元素 工具提示显示时变宽和/或失去圆角 触发）

–

下面是您需要在代码中更改的内容

JS

$('[rel=tooltip]').tooltip({container: 'body'});

HTML

将此属性添加到按钮

data container=“body”

这里是引导链接

可能存在的副本