bootstrap 3.0 popover宽度问题

时间:2016-05-04 17:10:22

标签: twitter-bootstrap

我有一个非常奇怪的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({
    });
});

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

1 个答案:

答案 0 :(得分:0)

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

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