Javascript 为什么popover的标题显示不好？

我正在我的项目中使用引导。我想在模态窗口内使用popover，但popover的标题如下：

以下是我在modal中的代码：

<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>

以下是JSFIDLE：

---

如何修复它？

如果页面上有引导以外的其他样式，它们可能会覆盖引导类。发布一个JSFIDLE将是最好的。您的popover看起来很好，尝试引用我购买的模板中的lastI have样式中的引导css。在JSMiddle中，一切正常。我会在几分钟后发布。看起来你的标题标签是从模板中应用了宽度标签。尝试应用宽度：100%！此模式工具提示标题标记的重要信息。希望它能工作不幸的是它没能工作。