bootstrap中的Tooltips工具提示的使用問題

在使用bootstrap中的Tooltips時，官方文檔中的實例代碼若直接放在.container 或 .container-fluid類中時，四個button懸停之后會把button之間的margin去掉，代碼如下：

<div class="container-fluid">
        <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

        <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>

        <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>

        <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
    </div>

表現如下圖：

解決辦法，不要使用.container 或 .container-fluid類包裹，可以用其他任意class都不會出現此問題。

同時，使用此功能時需要初始化：

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})