css - Bootstrap 弹出窗口动态大小

Question

我正在使用 Bootstrap 3.3.1 弹出窗口为 Composite C1 构建一个动态菜单系统。动态内容工作正常，但我似乎无法正确调整弹出窗口的宽度。

我可以使用 .popover-menu-markup .popover{ width: whatever} 设置绝对大小，但我希望宽度基于内容。如果我设置 width: auto，弹出框将基于弹出框标题，而不是弹出框内容。

有什么想法吗？

编辑

抱歉，JSFiddle 在这里:http://jsfiddle.net/rebeccamarye/x075bm6x/2/

该示例显示了一个段落作为内容，但在实际页面中有一堆带有 {display: inline-block} 的 div，但我认为这显示了问题……弹出窗口需要扩展到稍微小一点比页面的宽度。

Answer 1

更新:

http://jsfiddle.net/x075bm6x/7/

JQ

$('.popover-markup>.trigger').on('shown.bs.popover',function(e){
    var $link =$(this);

    var winW=$(window).width();    
    var poL=$link.offset().left+$link.width();        
    var newW=winW-poL-60;        

    var poId=$link.attr('aria-describedby');
    var $po=$('#'+poId);

    console.log(poId+': '+winW+' L: '+poL+' > '+newW);

    //$po.width(newW);
    $po.find('.popover-content').width(newW)
});

CSS:

.popover{width:auto!important; max-width: none}