Bootstrap工具提示视口和位置

Question

如果它适合某个包装区域，我试图将Bootstrap工具提示放在元素顶部。如果它不适合那么它应该自动重新定位（例如在底部）。

视口和位置应该处理这种情况，但我无法使它们工作。 我尝试以不同的方式使用视口和放置，但它失败了。

$('#tooltip1').tooltip(
{
    placement:'top auto',
    viewport: '.viewport'
});

我希望将'#tooltip1'置于顶部，因为它适合视口。 http://jsfiddle.net/yzhow8vt/2/