关于bootstrap中提示框和弹出框无法使用的问题

 1.提示框（tooltip）问题

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

 

以上代码可能在页面中无法显示bootstrap特殊样式的提示框而显示系统默认的提示框。

解决办法是初始化提示框，将以下代码放到jquery文件的后面

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

2.弹出框问题

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
  Popover on 左侧
</button>

以上代码可能在页面中无法显示bootstrap特殊样式的弹出框。 

解决方案：首先初始化，以下代码放到jquery文件的后面

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

 最后启动弹出框，代码如下

$('需要启动的弹出框的类名或id名').popover();

注意：data-trigger=" "虽然可以传click | hover | focus | manual多个事件并用空格隔开，如：data-trigger="click  hover",

但不可以同时传click和focus事件，因为click时也会触发focus事件。