弹出窗口的内容未显示（或为白色）

Question

我设法做了一个弹出窗口但不幸的是，内容是空白的。它也可能是白色的，我不确定。

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." > Popover on bottom </button>

这是我的javascript代码......

<script>  
$(function () { $("[data-toggle='popover']").popover(); });

</script> 

我也进口了twitter bootstrap。代码很直接，我无法弄清楚为什么数据内容不起作用。如果我增加/减少内容，弹出窗口大小确实会改变。

我在bootstrap中使用了灰度模板。（如果有帮助的话）

Answer 1

为.popover-content写一封css。就像你想让文字颜色变成黑色一样，写下.popover-content{color: #000;}。

Answer 2

似乎任何其他CSS都会影响你的popover内容，使其成为白色。 尝试将以下CSS代码添加到您的HTML页面：

<style type="text/css">
.popover-content{
    color: #000000 !important;/*black color*/
}
</style>

尝试使用div检查弹出的firebug元素是否适用于CSS。

Answer 3

就我而言，它来自input-append类。它将字体大小设置为零。

font-size: 0;