如何自动调整popover

Question

这是我的小提琴。 http://jsfiddle.net/sNrLQ/1/

我希望pop-over根据其内容自动调整大小。 另外，我试图给它最大宽度为400px。

我的css

.popover2{display:block!important;width: 400px !important;}

我的HTML

<div class="popover popover2 left"><div class="arrow"></div><div class="popover-content"><p>tellus. Donec dui tortor, commodo nec laoreet ac, </p></div></div>

Answer 1

<强> DEMO

试试这个

CSS

.popover2{
    display:block !important;
    max-width: 400px!important;
    width:auto;
}

希望这有帮助，谢谢

Answer 2

使用min-height max-h css属性和overflow:auto

通常情况下，如果你使用twitter bootstrap，自动调整大小已经完成，跨浏览器：）

Answer 3

您最需要在bootstrap.min.css中配置max-width。信息将自动调整大小，并在文件中预先设置最大宽度。

Answer 4

我希望它有用

var $btn = $("#my_btn")
  .popover()
  .on("show.bs.popover", function(e){
    p.data("bs.popover").tip().css({"max-width": "500px"});
  });