我正在尝试通过创建自定义的弹出框类来更改Bootstrap UI 弹出框的背景颜色(例如使用
当我将相同的方法应用于Bootstrap UI弹出框时,它只显示一个微小的空白弹出框。到目前为止,我已经做的就是更改了:
当我删除
我更喜欢使用Bootstrap UI的弹出框,因为您不必在jQuery中使用任何硬编码模板(事实上,您根本不需要编写任何jQuery)。 我只是无法弄清楚如何更改Bootstrap UI弹出框的背景颜色。 在我深入研究之前,我想知道是否有其他人已经实现了这一点,或者是否有一个简单的解决方法(也许Bootstrap UI弹出框使用与普通弹出框不同的一组类)。 如果只是覆盖一些CSS类,那将是理想的解决方案。
popover1
,popover2
等而不是popover
)。我知道这适用于普通的Bootstrap弹出框(这是示例链接:fiddle),但是似乎无法适用于Bootstrap UI弹出框。当我将相同的方法应用于Bootstrap UI弹出框时,它只显示一个微小的空白弹出框。到目前为止,我已经做的就是更改了:
<a class="btn btn-primary popover-container" id="popover" data-toggle="popover" data-placement="right" data-container="body" rel="log-popover">Log level</a>
to
<a class="btn btn-primary popover-container" popover-placement="right" popover-template="'partials/loglevel-template.html'" popover-trigger="click">Log level</a>
loglevel-template.html
<div class="popover1">
<div class="arrow"></div>
<div class="popover-content">
<p>some content</p>
</div>
</div>
当我删除
popover1
类时,它可以正常工作,所以只需让弹出框显示就没有功能问题。我更喜欢使用Bootstrap UI的弹出框,因为您不必在jQuery中使用任何硬编码模板(事实上,您根本不需要编写任何jQuery)。 我只是无法弄清楚如何更改Bootstrap UI弹出框的背景颜色。 在我深入研究之前,我想知道是否有其他人已经实现了这一点,或者是否有一个简单的解决方法(也许Bootstrap UI弹出框使用与普通弹出框不同的一组类)。 如果只是覆盖一些CSS类,那将是理想的解决方案。