我正在尝试更改引导弹出窗口上的CSS。我想改变整个弹出框的背景,而不仅仅是文本。
有什么建议吗
http://bootply.com/110002
$(document).ready(function() {
$("[rel='android']").popover({
html: 'true',
content: '<div id="popOverBox">Coming March 2014</div>'
});
});
字符串
CSS
#popOverBox {
background: tomato;
font-family: serif;
}
型
7条答案
按热度按时间enxuqcxy1#
您将以
.popover
元素为目标,而不是#popOverBox
EXAMPLE HERE
字符串
要更改箭头(伪元素)的背景,可以用途:
型
u4dcyp6a2#
在Bootstrap-4中更改弹出框背景和文本颜色当您使用sass-bootstrap-4时,您可以通过更改一些变量值轻松完成。
这些是_variables.scss文件中的变量:
字符串
我使用$brand-info变量将它们更改为浅蓝色:
注意:最好将这些变量复制到您自己的自定义.scss文件中,然后更改它们。
型
**修改变量后输出:**x1c 0d1x
u2nhd7ah3#
字符串
tuwxkamq4#
时间已经过去了,我想用LESS报告我的个人解决方案(确实,符合我的需求,但我认为对这里的一些人来说可能很有用)。向
class="popover"
添加一个类,如class="popover popover-warning"
,并在less中执行以下操作:字符串
希望这对你有帮助。
gzszwxb45#
请注意,如果您使用的是less或sass文件,您还可以执行以下操作:
字符串
这样,就不用担心箭头在哪一边了。
wnvonmuf6#
您可以更改弹出框的默认模板:
字符串
CSS类'err'和'text-danger'在上面的示例中添加。背景颜色的CSS类也可以添加。
fkvaft9z7#
自Bootstrap 5.2.0起,弹出框可以使用CSS变量进行自定义。有关另一个示例,请参见文档中的自定义弹出框部分。
个字符