Javascript 引导popover不显示内容

我正试图让引导弹出在一个网站上工作，我已经取得了一些成功。当点击链接时，我可以让弹出框显示出来，但是除了标题，我在框中看不到任何内容。我试过两种方法：

<a class="btn btn-link login-popover" rel="popover" data-placement="bottom" data-title="Sign in to the website builder" data-html="true" data-content="Lo4545445"> Sign in  <span class="caret"></span></a>

但是，这两个选项都没有实际显示框中的内容。您可以通过点击顶部的

登录

了解我的意思

---

编辑：我不会同时做这两件事。我先试了一个，然后又试了另一个。

必须将代码放入函数中

$(document).ready(function() {
  $('.login-popover').popover({
    placement: 'bottom',
    title: 'Sign in to the website builder',
    content: 'testing 123',
    trigger: 'click'
  });
});

或

然后它就起作用了。但是为什么要两次定义popover设置（在脚本中和作为数据属性）

Eureka

看起来您已经更改了bootstrap.css中的默认样式。popover的内容实际上是以

的形式显示的，但是您有

.btn-group {
  font-size: 0;
  white-space: nowrap;
}

明显，通过更改字体大小：0；内容将可见（在chrome inspector中测试）并添加到CSS中

.btn-group {
  font-size: 12px; /*or whatever size */
}

---

当我检查当前版本（v2.2.2）时，这个错误已经被解决。请下载最新的。

我试了一个，然后又试了另一个，但不是同时试了两个。将代码包装在$（document）.ready（）中只会使它根本无法工作。实际上它仍在做同样的事情。它更新了答案，但有点误导。那么，您的代码中肯定有其他地方的错误-您在控制台中有错误吗？我把你的代码，粘贴，包装在一个函数中的脚本，它的工作..btn集团负责的内容是不可见的我告诉过你有多棒吗？你真棒！你能扩展你的答案吗？你是说引导版本吗？

.btn-group {
  font-size: 0;
  white-space: nowrap;
}

.btn-group {
  font-size: 12px; /*or whatever size */
}