Yii2 Krajee Select2 플러그인 형식

Question

부트 스트랩과 함께 yii2를 사용하고 있습니다.

지역의 HTML 코드는 다음과 같습니다 :

  <div class="col-md-4"> 
       <div class="panel panel-primary" style="padding: 10px;"> 
        <div class="form-horizontal" role="form"> 
         <div class="form-group form-group-sm"> 
          <label class="col-sm-4 control-label" for="formGroupInputSmall">Vendor:</label> 

          <div class="col-xs-8"> 
           <?php 
           echo $form->field($model, 'vendor_id', ['template' => "{input}"])->widget(Select2::classname(), [ 
            'options' => ['placeholder' => 'Search for a vendor ...'], 
            'pluginOptions' => [ 
             'allowClear' => true, 
             'minimumInputLength' => 3, 
             'ajax' => [ 
              'url' => $url, 
              'dataType' => 'json', 
              'size' => Select2::SMALL, 
              'data' => new JsExpression('function(term,page) { return {search:term}; }'), 
              'results' => new JsExpression('function(data,page) { return {results:data.results}; }'), 
             ], 
             'initSelection' => new JsExpression($initScript) 
            ], 
           ]); 
           ?> 
           <!--         <input class="form-control" type="text" id="formGroupInputSmall"--> 
           <!--           placeholder="please enter vendor">--> 
          </div> 
         </div> 
         <div class="form-group form-group-sm"> 
          <label class="col-sm-4 control-label" for="formGroupInputSmall">Vendor PO 
           Number:</label> 

          <div class="col-xs-8"> 
           <input class="form-control" type="text" id="formGroupInputSmall" 
             placeholder=""> 
          </div> 
         </div> 
         <div class="form-group form-group-sm"> 
          <label class="col-sm-4 control-label" for="formGroupInputSmall">Vendor Inv. No:</label> 

          <div class="col-xs-8"> 
           <input class="form-control" type="text" id="formGroupInputSmall" placeholder=""> 
          </div> 
         </div> 
         <div class="form-group form-group-sm"> 
          <label class="col-sm-4 control-label" for="formGroupInputSmall">Vendor Inv. 
           Date:</label> 

          <div class="col-xs-8"> 
           <input class="form-control" type="text" id="formGroupInputSmall" 
             placeholder="12/18/2014"> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 

는 어떻게 변경할 수있는 선택 2 위젯 정규 입력 필드를 교체 할 때

는 내 페이지 레이아웃 "파괴" 내 레이아웃에 맞게 select2의 스타일?

Answer 1

비슷한 문제가 있습니다 (Select2가 아니라 다른 Krajee 위젯 사용). 무엇 나를 위해 그것을 해결하기가 Select2 plugin 및 업데이트의 최신 버전을 시도해야

<div class="row"> 
    Label 
    Input 
</div> 

Answer 2

의 각 줄을 추가하는 것이 었습니다.

또한 ActiveForm과 함께 아마 수평 부트 스트랩 양식 레이아웃을 사용하고있는 것 같습니다. 부트 스트랩 스타일링은 kartik\widgets\ActiveForm과 함께 사용하기에 적합하며 check as seen here for complex layouts이 필요합니다.