UI Bootstrap Popover:更改宽度 [英] UI Bootstrap Popover: change width
本文介绍了UI Bootstrap Popover:更改宽度的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用AngularJS的UI Bootstrap中的弹出窗口: http://angular-ui.github.io/bootstrap/#/popover
I'm trying to use the popovers from UI Bootstrap in AngularJS: http://angular-ui.github.io/bootstrap/#/popover
<i class="fa fa-question-circle" popover="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta libero tincidunt, malesuada tellus vitae, dapibus ex. Ut tristique tristique eros." popover-trigger="mouseenter" popover-placement="right"></i>
它给了我一个像这样的弹出窗口:
It gives me a popover like this:
如何设置此弹出框的宽度样式?
How can I style change the width of this popover?
推荐答案
您可以通过覆盖popover-content类来实现:
You can achieve it by overriding popover-content class:
.popover-content {
width: 200px;
}
更新: 您可以在Chrome浏览器中进行检查: -按F12 -选择放大镜 -单击元素进行检查 -修改其样式
UPDATE: You can check this in Chrome: - press F12 - select the magnifier - click on the element to inspect - modify its style
这篇关于UI Bootstrap Popover:更改宽度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文