Twitter bootstrap 引导工具提示在面板中，然后在btn组中

我是一个完全新手当谈到引导，但由于某种原因，我不能得到下面的工具提示，是在一个面板内，然后在btn组工作

这里的文档

谈论

“按钮组和输入组中的工具提示需要特殊设置 在.btn组或.input组中的元素上使用工具提示时，必须指定选项容器：“body”（如下所述），以避免不必要的副作用（例如触发工具提示时元素变宽和/或失去圆角）。”

但我不知道那是什么意思

我尝试过包含tooltip.js，但这似乎对我没有任何帮助

提前感谢您的帮助

  <div class="panel panel-default hidden-xs">
                        <div class="panel-body">
                            <div class="col-xs-12 col-sm-9 col-md-9">
                                <h4> Welcome</h4>
                            </div>

                            <div class="col-sm-3 col-md-3 text-right">

                                <div class="btn-group">
                                    <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"><span class="glyphicon glyphicon-align-center"></span></button>
                                    <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-align-right"></span></button>
                                </div>
                            </div>
                        </div>
                    </div>

欢迎
左侧的工具提示

这只是为了避免不必要的行为。如果不指定容器，则工具提示可能会被截断，或者有其他奇怪的行为。下面是使用您的代码的示例：

您只需要确保代码中包含jQuery部分，并且您应该是金色的

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

我还将

数据容器

和

id

添加到html中

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

左侧的工具提示

这只是为了避免不必要的行为。如果不指定容器，则工具提示可能会被截断，或者有其他奇怪的行为。下面是使用您的代码的示例：

您只需要确保代码中包含jQuery部分，并且您应该是金色的

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

我还将

数据容器

和

id

添加到html中

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

左侧的工具提示

这只是为了避免不必要的行为。如果不指定容器，则工具提示可能会被截断，或者有其他奇怪的行为。下面是使用您的代码的示例：

您只需要确保代码中包含jQuery部分，并且您应该是金色的

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

我还将

数据容器

和

id

添加到html中

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

左侧的工具提示

这只是为了避免不必要的行为。如果不指定容器，则工具提示可能会被截断，或者有其他奇怪的行为。下面是使用您的代码的示例：

您只需要确保代码中包含jQuery部分，并且您应该是金色的

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

我还将

数据容器

和

id

添加到html中

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

左侧的工具提示