Question

我正在测试Bootstrap，我有一个愚蠢的问题。当我在开始时在几个按钮（在同一行）上使用工具提示时，所有按钮都被几个像素分开。当工具提示出现时，按钮之间的空格消失。

我的代码：

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

<button type="button" class="btn btn-default" data-toggle="tooltip" id="btn02"
data-placement="left" title="Tooltip on left">Button with tooltip</button>

<button type="button" class="btn btn-default" data-toggle="tooltip" id="btn03"
data-placement="right" title="Tooltip on right">Button with tooltip</button>

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

<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.js"></script>

<script type="text/javascript">
    $('document').ready(function() {
        $('#btn01').tooltip();
        $('#btn02').tooltip();
        $('#btn03').tooltip();
        $('#btn04').tooltip();
    });
</script>

Answer 1

问题已解决，在按钮标签内添加...

data-container="body"

顺便说一句......我对JS一无所知。我在学。所以我理解我可以将类clsTooltip添加到4个按钮然后......¿使用这个......？

$('document').ready(function() {
    $('.clsTooltip').tooltip();
});

非常感谢!!

Bootstrap 3 - 工具提示 - 按钮 - 填充消失

1 个答案: