Question

我正在使用Bootstrap的Web站点Tooltip。一切都很好，但还有一个小问题，我无法解决。

实际上，我有一个按钮导航栏，当我鼠标悬停其中一个时，这一个向左移动，下一个按钮之间的填充消失。

这是我的意思的一个例子：http://hpics.li/82e89ac

<button class="btn btn-success" data-toggle="tooltip" title="Nouvel article">
    <a href="#">
        <span class="glyphicon glyphicon-plus"></span>
    </a> 
</button>

<button class="btn btn-primary" data-toggle="tooltip" title="Page d'accueil">
    <a href="#">
        <span class="glyphicon glyphicon-home"></span>
    </a>    
</button>

<button class="btn btn-primary" data-toggle="tooltip" title="Tableau de bord principal">
    <a href="#">
        <span class="glyphicon glyphicon-wrench"></span>
    </a>    
</button>

<button class="btn btn-primary" data-toggle="tooltip" title="Gestion des articles">
    <a href="#">
        <span class="glyphicon glyphicon-cog"></span>
    </a>
</button>

<script>
    $(function (){
      $('[data-toggle="tooltip"]').tooltip({
            'placement': 'bottom'
        })
    });
</script>

我尝试过JSFiddle并且成功运作：https://jsfiddle.net/mgjnhu17/

所以，我不明白为什么它适用于JSFiddle，它不适用于我的本地。

Answer 1

我终于使用Bootstrap的行和平板电脑类解决了我的问题：

<div class="row">
    <div class="col-xs-12 col-sm-6 col-md-8">
        // My buttons
    </div>
</div>

我跳它会帮助别人！

Bootsrap和Tooltip插件的问题

1 个答案: