更改yii2中的工具提示大小

Question

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

我不知道我应该覆盖哪个css类来实现

可以通过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; 
}