不生效 设置了viewport_viewport没生效？

JS Bin

body {

padding: 100px;

}

.btn {

margin: 20px 10px 20px;

}

#viewport {

width:100px;

height:100px;

border:1px solid red;

}

按钮做的提示框

class="btn btn-default"

id="myTooltip1" >

提示框居左

提示框在顶部

提示框在底部

提示框居右

链接制作的提示框

我是提示框

我是提示框

我是提示框

我是提示框

$(function(){

$('[data-toggle="tooltip"]').tooltip();

$('#myTooltip2').tooltip({

title:"我是一个提示框，我在顶部出现",

placement:"top",

animation:"true"

});

$('#myTooltip1').tooltip({

title:"我是一个提示框，我在顶部出现",

placement:"top",

animation:"true",

delay:1000

});

$('#myTooltip3').tooltip({

title:"我是一个提示框，我在底部出现",

placement:"bottom",

viewport:"#viewport",

//   数字不用加引号，不然会变成字符串

});

});