为什么popover的标题显示得很糟糕？

Question

我在我的项目中使用bootstrap。我想在模态窗口中使用popover，但是popover的标题看起来像这样：

以下是我在模态中的代码：

<button id="popover-test-in-modal" type="button" class="btn btn-primary" 
   data-toggle="popover" title="Test for popover" 
   data-content="And here's some amazing content. Testing popover.">Popover
</button>

<script>
        $("#popover-test-in-modal").popover();
</script>

这是jsFiddle：http://jsfiddle.net/7k5mjw24/
我该如何解决？