Изменить размер всплывающей подсказки в yii2

Question

я использую всплывающую подсказку в yii2 ActiveForm на field и я не мог понять, что, как изменить размер и цвет подсказки

Я не могу понять, какой 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; 
}