twitter-bootstrap – 如何在yii2 alpha中将bootstrap3图标添加/附加到Active Form

这就是我添加带有文本字段的图标的方式.还添加了生成输出的图像.
我不想使用 Krajee Yii Extensions.所以我开始阅读文档.

$form =  \yii\widgets\ActiveForm::begin([
  'id' => 'form-id','options' => ['class' => 'form-horizontal'],'enableClientValidation'=> false,'enableAjaxValidation'=> true,'validateOnSubmit' => true,'validateOnChange' => true,'validateOnType' => true,'action' => 'youraction','validationUrl' => 'yourvalidation'
]);        

    echo $form->field($model,'fieldname')->begin();
      echo Html::activeLabel($model,'fieldname',["class"=>"col-sm-3 control-label"]); ?>
      <div class="input-group col-sm-4 ">
        <span class="input-group-addon">
          <span class="glyphicon glyphicon-subtitles"></span>
        </span>
        <?php echo Html::activeTextInput($model,[
            'class'=>'form-control','autocomplete'=>'off'
          ]
        ); ?>
      </div>
      <?php echo Html::error($model,'origin',['class' => 'help-block']);
    echo $form->field($model,'origin')->end();

\yii\widgets\ActiveForm::end();

解决方法

这是一个问题,或者您正在告诉我们您是如何做到的?

您还应该能够执行以下操作:

<?= $form->field($model,['template' => '
   <div class="col-sm-2">{label}</div>\n
   <div class="col-sm-10">
       <div class="input-group col-sm-4 ">
          <span class="input-group-addon">
             <span class="glyphicon glyphicon-subtitles"></span>
          </span>
          {input}
       </div>
       {error}{hint}
   </div>'])->textInput(['data-default' => '']) ?>

相关文章

前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...
(1)modal声明一个模态框(2)modal-dialog定义模态框尺寸(...
图片在Bootstrap版本3中,通过为图片添加 .img-responsive ...
<inputtype="text"class="form-controlda...
目录bootstrap-treeview使用小记零、写在前面的话一、功能说...