引导3.0弹窗宽度问题

Question

我有一个渲染非常奇怪的弹窗。它呈现非常高而瘦。不是什么预料但很好奇我怎么能解决这个问题。

<div class="input-group"> 
<input id="JewelryDescription" name="JewelryDescription" 
    data-bind="value: JewelryDescription" 
    type="text" class="form-control control-font"> 
<span class="input-group-addon"> 
<a tabindex="0" data-toggle="popover" data-trigger="focus" title="" 
data-content="Here is where the content goes and goes and could 
go on and on and for awhile but should have some sort of limit." 
data-original-title="Title">Help <i class="fa fa-question-circle"></i></a>               </span> 

$(function() { 
    // popup functionality 
    $('[data-toggle="popover"]').popover({ 
    }); 
}); 

小提琴：https://jsfiddle.net/xequence/t76wkysz/1/

Answer 1

添加data-placement="left"，这将有足够的空间和留正常大小。

https://jsfiddle.net/t76wkysz/2/