如何设置特定的Bootstrap弹出窗口的样式？
我正在使用Twitter Bootstrap v4.0，并且可以通过CSS为所有弹出窗口成功创建样式。但是，我找不到找到特定按钮样式的方法，也找不到通过JS动态更改样式的方法。
我正在根据情况的不同来更改弹出框/工具提示的字体大小。最重要的是动态更改字体大小（我可以接受全局更改，尽管只更改某些按钮的弹出窗口是理想的选择。）
示例：此操作失败... alert（$（'。popover-body'）。css（'font-size'））
即使CSS为：
.popover-body {
font-size: 10px !important;
}
，弹出窗口会对此字体大小做出适当的响应。
CSS是分层的；您将需要完善链条。假设您有两个<html>
<body style="display: none;">
<img src="https://via.placeholder.com/100" alt="">
<img src="https://via.placeholder.com/200" alt="">
<img src="https://via.placeholder.com/300" alt="">
<script>
const imageCollection = Array.from(document.getElementsByTagName('img'));
const promisifier = (imageNode) => {
return new Promise((resolve,reject) => {
imageNode.addEventListener("load",() => {
console.log('image loaded',imageNode);
resolve('Loaded')
});
})
}
Promise.all(imageCollection.map(img => promisifier(img))).then((resp)=>{
document.body.style.display = 'block';
console.log('All images completed Loading');
})
</script>
</body>
</html>
和#one Poover，可以将#two定位为使用CSS专门定位第一个popover-body。
#one .popover-body失败，因为alert($('.popover-body').css('font-size'))返回了NodeList个元素集合。例如，您将需要遍历它们（使用类似.each()的东西），或者通过使用$('.popover-body')进行索引来分别定位它们。