角 - 引导答案

【问题标题】：Angular - Bootstrap角 - 引导
【发布时间】：2017-03-09 13:16:28
【问题描述】：

我有一个用 angular bootstrap 设计的页面。我正在尝试使用弹出框作为以下内容..

<div class="col-md-4">
  <div class="row">
    <ul>
    <a href="" uib-popover-template="'popOverEditTemplate.html'" popover-popup-close-delay='500' popover-placement="bottom-left"> AM TEST AM </a>
    </ul>
  </div>
</div>

我使用的模板弹出很好，但我无法增加弹出框的大小。

如何增加弹出框的大小？

【问题讨论】：

你的问题是什么？
如何增加弹出框的大小？
对不起，如果您看不到我的代码 sn-p ..
这个小提琴可能对你有帮助，请检查一下fiddle.jshell.net/J7nDz/5/light

标签： angularjs angular-ui-bootstrap

【解决方案1】：

您可以使用 CSS 简单地做到这一点

<style>
  .popover{ /* Will change ALL popovers. Add element id to target specific popver */
    max-width: 100%
  }
</style>

【讨论】：

jsfiddle.net/3x4yD 可以看到增加宽度的效果（只是增加了里面的内容，而不是实际的内容窗口）。
我认为问题在于弹出框依赖于父容器。添加.popover{ max-width: 100% } 应该可以解决这个问题。您可以在此处阅读有关此主题的更多信息：stackoverflow.com/questions/19448902/…