我设法制作了一个弹出窗口,但不幸的是,内容是空白的。我不确定这也可能是白色的。
<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。该代码非常直接,我无法弄清楚为什么数据内容无法正常工作。如果我增加/减少内容,弹出窗口的大小会改变。
我在引导程序中使用了灰度模板。(如果有帮助的话)
似乎其他任何CSS都会影响您的弹出式菜单内容,使其变成白色。尝试将以下CSS代码添加到HTML页面:
<style type="text/css">
.popover-content{
color: #000000 !important;/*black color*/
}
</style>
尝试检查popoverdiv
元素firebug
是否已CSS
应用到该元素。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句