在 yii2 中更改工具提示大小

Question

我在 field 上使用 yii2 ActiveForm 中的工具提示，我不知道如何更改工具提示的大小和颜色

我不知道我应该覆盖哪个 css class

是否可以通过 jquery 或任何其他方式更改尺寸

这是我的 view 文件谢谢

<script>
   $(function() {
       $( "[title]" ).tooltip();
   });
</script>

<div class="site-signup">
<h1><?= Html::encode($this->title) ?></h1>

<div class="row">
    <div class="col-lg-5">
        <?php $form = ActiveForm::begin(['options'=>['enctype'=>'multipart/form-data']]); ?>

        <?= $form->field($model, 'username')->textInput(  ['data-toggle' => 'tooltip',
            'data-placement' =>
                'right',
            'title' => 'Username should contain at least 6 characters'
        ]) ?>

        <?= $form->field($model, 'password')->passwordInput()->textInput( ['data-toggle' => 'tooltip',
            'data-placement' => 'right',
            'title' => 'Password should contain at least 6 characters'
        ]) ?>

          <div class="form-group">
                <?= Html::submitButton('Signup', ['class' => 'btn btn-primary', 'name' => 'signup-button']) ?>
            </div>

        <?php ActiveForm::end(); ?>
    </div>
</div>

Answer 1

只需用下面的代码覆盖 bootstrap.css...

.tooltip-inner {
     max-width: 350px;
     /* If max-width does not work, try using width instead */
     width: 350px; 
}

在 yii2 中更改工具提示大小

Change tooltip size in yii2

javascript

jquery

twitter-bootstrap

yii2-advanced-app