ブートストラップ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/