bootstrap 3.0 popover width issue

Question

我有一个popover，它呈现得非常奇怪。它显得又高又瘦。这不是意料之中的事，但我很好奇如何解决这个问题。

<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({
    });
});

Fiddle：https://jsfiddle.net/xequence/t76wkysz/1/

Answer 1

添加data-placement="left"，它将有足够的空间并保持正常大小。

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