UI Bootstrap Popover:更改宽度 [英] UI Bootstrap Popover: change width

问题描述

我正在尝试在 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屋！