回答
关于你的代码和你的问题,问题是你试图编辑一个元素而没有正确的选择器(.popover
)。当你尝试编辑正确的选择器时,它有一个max-width property
。所以它不起作用。但足够用
.popover {
max-width: 500px;
}
就这样。
但我尝试你的plnkr,发现你在代码中使用了模态类。这是一个错误。因为这不是css的语法或用法。所以我添加新的CSS类:
.popover-content > .header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.popover-content > .body {
padding: 20px;
}
并更改popover.html
到:
<div class="header">
<b>How is this amount calculated?</b>
</div>
<div class="body">
<h4>PQ * A% * CR AVG </h4>
<br />
PQ - Pre-Qualified based on your historical data <br />
A% - Approval percentage <br />
CR AVG - (Historical Credits Earned)/(Total Certificates)
</div>
http://angular-ui.github.io/bootstrap/
您可以检查我的plnkr叉:https://plnkr.co/edit/p4dr2XMzQqw8R6RYOsMo?p=preview
试试这个:
.popover-inner {
width: 500px !important;
max-width:500px !important;
}
.popover {
width: 500px !important;
max-width:500px !important;
}
这需要在!important exception的优势,应用的样式。
当在样式声明中使用重要规则时,该声明将覆盖任何其他声明。
每t ime你使用!重要的CSS代码。上帝杀死一只猫。 :(请不要使用!重要的是如果没有必要的话 – joseglego
@JoséLezama在你没有拥有样式表IMO的情况下使用!重要没有错如果是他自己的样式表,那么不需要!重要的 –
事实上,'important'有你自己的时间,这是真的!正如你所说的那样,通常需要覆盖第三方的css,但在这种情况下,这是没有必要的!用我之前提出的代码,或者在问题的评论中提出的其他回答,那么,如果你可以不使用'!important',那么'重要'是不必要的使用。所以,一只猫死了。如果你想要,你可以阅读:https://css-tricks.com/when-using-important-is-the-right-choice/ @HanletEscaño – joseglego
- 1. 从shinyBS中增加弹出式弹出窗口的宽度
- 2. Javascript在IE8中弹出窗口宽度?
- 3. UITableView宽度在弹出窗口内时
- 4. 在Chrome扩展程序中增加最大弹出窗口宽度?
- 5. 在ShinyBS中增加工具提示/弹出窗口的长度
- 6. 弹出窗口不保留Safari中的宽度/高度尺寸
- 7. 使用Facebook弹出窗口更改登录宽度和高度
- 8. 如何更改不同子类的弹出窗口的宽度?
- 9. 如何增加窗体的宽度
- 10. DropDown弹出窗口宽度(Telerik:Angular的Kendo UI)
- 11. Firefox插件:动态宽度弹出窗口中的菜单
- 12. 你如何设置XamComboEditor弹出窗口的宽度?
- 13. 在c#窗口中增加水晶报表的宽度applicaton
- 14. 弹出加载窗口
- 15. 如何控制R中传单功能弹出窗口的弹出窗口宽度?
- 16. 当弹出窗口大小增加时,父窗口上的滚动条消失
- 17. 如何android弹出窗口匹配屏幕大小宽度
- 18. jQuery的窗口的宽度和追加
- 19. jquery当内容增加时弹出窗口的移位
- 20. 弹出窗口
- 21. 带有html的角度弹出窗口
- 22. 铬扩展,弹出窗口的高度
- 23. 更改弹出窗口的高度
- 24. CSS:通过浏览器窗口的大小递增地增加div宽度
- 25. 增加弹出背景的高度
- 26. 增加paramiko.SSHClient.exec_command()宽度
- 27. 增加宽度10%?
- 28. Microsoft Edge window.open()不遵守第二个弹出窗口的宽度高度
- 29. 无法在角度项目中设置引导弹出窗口的宽度
- 30. 小册子:LayerGroup的弹出窗口不能修改宽度/高度
[UI引导酥料饼:改变宽度]的可能的复制( http://stackoverflow.com/questions/29005345/ui-bootstrap-popover-change-width) – 3rdthemagical
[更改Bootstrap弹出窗口宽度]的可能重复(http://stackoverflow.com/questions/19448902/changing-the -bootstrap-popover) – c0d3rman