0

フォーカスされたときにポップオーバーをトリガーする入力フィールドがあります (「上部」の配置を選択しました)。

<div class="form-group has-success">
    <label class="control-label" for="formRegister_email">Your e-mail</label>
    <input name="email" type="email" class="form-control" id="formRegister_email" placeholder="E-mail address" value="" data-toggle="popover" data-content="Please fill in a valid e-mail address" data-trigger="focus" data-placement="top" required="required" data-original-title="" title="">   
</div>

正常に動作しますが、私の入力は幅が約 600px で、ポップオーバーはフォーム フィールドの水平方向の中央にあります。

ここに画像の説明を入力

フォームフィールドの左端に揃えたい。どのようにできるのか？

前もって感謝します

4

1 に答える 1

0

わかりました、私は解決策を見つけました:

.on('shown.bs.popover', function () { 
    var offset = $(this).offset();
    $('.popover').css('left', Math.round(offset.left) + 'px');
});
于 2015-08-24T06:49:51.507 に答える