yii2フォームフィールドを並べてレイアウトする方法

Question

フォームフィールドをYii2に2 x 2グリッドで並べて配置したいと考えています。

私は、フィールドが、基本的

<?= $form->field($model, 'saleFrom')->widget(DatePicker::className(), [ 
    'options' => ['placeholder' => 'TO'], 
    'pluginOptions' => [ 
     'autoclose' => true, 
     'format' => 'yyyy-mm-dd' 
    ] 
]); ?> 

しかしやることに成功したものはすべてにすべての4つのフィールドを揃えるの日付ウィジェットのシリーズですな

<?php $form = ActiveForm::begin([ 
    'layout' => 'horizontal', 
    'action' => ['index'], 
    'method' => 'get', 
    'fieldConfig' => [ 
     'horizontalCssClasses' => [ 
      'label' => 'col-sm-2', 
      'offset' => 'col-sm-offset-2', 
      'wrapper' => 'col-sm-4', 
     ], 
    ], 
]); ?> 

としてブートストラップ/のActiveFormを使用していますdivの左側 - 私は手動でカスタムCSSを追加することなくこれを行うためにYii2オプションを使用する方法をドキュメントから理解できません。

Answer 1

好むビルドのレイアウトをブートストラップグリッドを使用することができます。

<?php $form = ActiveForm::begin([ 
    'layout' => 'horizontal', 
    'action' => ['index'], 
    'method' => 'get', 
    'fieldConfig' => [ 
     'horizontalCssClasses' => [ 
      'label' => 'col-sm-2', 
      'offset' => 'col-sm-offset-2', 
      'wrapper' => 'col-sm-4', 
     ], 
    ], 
]); ?> 
    <div class="row"> 
     <div class="col-md-6"> 
      <?= $form->field($model, 'firstname') ?> 
      <?= $form->field($model, 'lastname') ?> 
     </div> 
     <div class="col-md-6"> 
      <?= $form->field($model, 'email') ?> 
      <?= $form->field($model, 'bla') ?> 
     </div> 
    </div> 
<?php ActiveForm::end() ?> 

Answer 2

あなたはあなたが必要なのは、別のブートストラップrowにフォーム列をラップすることです

<div class="site-index"> 
    <div class="body-content"> 
     <div class='col-sm-6 col-md-6' id='id'> 
     <?php 
       $form1 = ActiveForm::begin([ 
        'layout' => 'horizontal', 
        'action' => ['index1'], 
        'method' => 'get', 
        'fieldConfig' => [ 
         'horizontalCssClasses' => [ 
          'label' => 'col-sm-2', 
          'offset' => 'col-sm-offset-2', 
          'wrapper' => 'col-sm-4', 
         ], 
        ], 
       ]); 

       ... 
     ?> 

     </div> 
     <div class='col-sm-6 col-md-6' id='id2'> 

       $form2 = ActiveForm::begin([ 
        'layout' => 'horizontal', 
        'action' => ['index2'], 
        'method' => 'get', 
        'fieldConfig' => [ 
         'horizontalCssClasses' => [ 
          'label' => 'col-sm-2', 
          'offset' => 'col-sm-offset-2', 
          'wrapper' => 'col-sm-4', 
         ], 
        ], 
       ]); 

       ... 
     </div> 
    </div> 
</div>