понимание CSS-классов в Zend

Question

Я пытаюсь понять css-классы в начальной загрузке css, используя его в Zend. Я действительно хочу избегать использования таблиц для форматирования моих форм. Форма, которую вы видите внизу, предназначена только для меня.

Вот вывод моей формы:

Редактировать: Осталась одна проблема:

Длина полей различна, например, Mandant длиннее, чем Mandantidkonzern. Я бы очень хотел получить решение, как я могу это исправить. (Примечание: длина столбца в MySQL одинакова)

Вот часть моего класса (только часть, потому что поля все одинаковые, было бы скучно):

        $this->add([
            'name' => 'jahrespraemie',          
            'type' => 'text',
            'options' => [
                'label' => 'Jahresprämie',
            ],
        ]);

        $this->add([
            'name' => 'keineabrechnungenvertrag',           
            'type' => 'checkbox',
            'options' => [
                'label' => 'Keine Abrechnungen auf diesen Vertrag:',
            ],
        ]);

        $this->add([
            'name' => 'kuendigung',           
            'type' => 'text',
            'options' => [
                'label' => 'Kündigung:',
            ],
        ]);

        $this->add([
            'name' => 'kuendigungab',          
            'type' => 'text',
            'options' => [
                'label' => 'Kuendigung ab:',
            ],
        ]);



        $this->add([
            'name' => 'kuendigungdatum',          
            'type' => 'date',
            'options' => [
                'label' => 'Kündigungsdatum:',
                'format' => 'Y-m-d',
            ],
        ]);

А вот часть форматирования на мой взгляд:

      echo $this->form()->openTag($form);
?>

<div class="form-group">
    <?= $this->formElement($id) ?>
    <?= $this->formElementErrors()->render($id, ['class' => 'help-block']) ?>
</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($nummer) ?>
        <?= $this->formElementErrors()->render($nummer, ['class' => 'help-block']) ?>
     </div> 
     <div class="form-group col-sm-3">
        <?= $this->formRow($vertragstypid) ?>
        <?= $this->formElementErrors()->render($vertragstypid, ['class' => 'help-block']) ?>
     </div>
</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($mandantid) ?>
        <?= $this->formElementErrors()->render($mandantid, ['class' => 'help-block']) ?>
         </div> 
      <div class="form-group col-sm-3">
        <?= $this->formRow($hauptvertragid) ?>
        <?= $this->formElementErrors()->render($hauptvertragid, ['class' => 'help-block']) ?>
    </div>
</div>
<div class="row">


<div class="form-group col-sm-3">
    <?= $this->formRow($mandantidkonzern) ?>
    <?= $this->formElementErrors()->render($mandantidkonzern, ['class' => 'help-block']) ?>
</div>
</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($versichererid) ?>
        <?= $this->formElementErrors()->render($versichererid, ['class' => 'help-block']) ?>
    </div> 
      <div class="form-group col-sm-3">    
        <?= $this->formRow($gtca) ?>
        <?= $this->formElementErrors()->render($gtca, ['class' => 'help-block']) ?>
      </div> 
      <div class="form-group col-sm-3">  
        <?= $this->formRow($gtcaid) ?>
        <?= $this->formElementErrors()->render($gtcaid, ['class' => 'help-block']) ?>
    </div>
</div>
<div class="row">

<div class="form-group col-sm-3">

    <?= $this->formRow($niederlassungid) ?>
    <?= $this->formElementErrors()->render($niederlassungid, ['class' => 'help-block']) ?>
</div>

</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($maklerauftrag) ?>
        <?= $this->formElementErrors()->render($maklerauftrag, ['class' => 'help-block']) ?>
      </div> 
      <div class="form-group col-sm-3">     
        <?= $this->formRow($kuendigung) ?>
        <?= $this->formElementErrors()->render($kuendigung, ['class' => 'help-block']) ?>
   </div> 
      <div class="form-group col-sm-3">        
        <?= $this->formRow($kuendigungdatum) ?>
        <?= $this->formElementErrors()->render($kuendigungdatum, ['class' => 'help-block']) ?>
    </div>

</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($vertragsbeginn) ?>
        <?= $this->formElementErrors()->render($vertragsbeginn, ['class' => 'help-block']) ?>
    </div> 
      <div class="form-group col-sm-3">       
        <?= $this->formRow($analyseid) ?>
        <?= $this->formElementErrors()->render($analyseid, ['class' => 'help-block']) ?>
      </div> 
      <div class="form-group col-sm-3">   
        <?= $this->formRow($analyseidfactoring) ?>
        <?= $this->formElementErrors()->render($analyseidfactoring, ['class' => 'help-block']) ?>
    </div>
</div>



<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($zahlweise) ?>
        <?= $this->formElementErrors()->render($zahlweise, ['class' => 'help-block']) ?>
    </div> 
      <div class="form-group col-sm-3">   
        <?= $this->formRow($jahrespraemie) ?>
        <?= $this->formElementErrors()->render($jahrespraemie, ['class' => 'help-block']) ?>



    </div>
</div>
<div class="row">
    <div class="form-group col-sm-3">
    <?= $this->formRow($keineabrechnungenvertrag) ?>
        <?= $this->formElementErrors()->render($keineabrechnungenvertrag, ['class' => 'help-block']) ?>

    </div>
  </div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($geschid) ?>
        <?= $this->formElementErrors()->render($geschid, ['class' => 'help-block']) ?>
   </div>
    <div class="form-group col-sm-3">     
        <?= $this->formRow($courtage) ?>
        <?= $this->formElementErrors()->render($courtage, ['class' => 'help-block']) ?>
    </div>
</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($mitarbeiterid) ?>
        <?= $this->formElementErrors()->render($mitarbeiterid, ['class' => 'help-block']) ?>
   </div>
    <div class="form-group col-sm-3">     
        <?= $this->formRow($provision) ?>
        <?= $this->formElementErrors()->render($provision, ['class' => 'help-block']) ?>
    </div>
</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($mitarbeiteridext) ?>
        <?= $this->formElementErrors()->render($mitarbeiteridext, ['class' => 'help-block']) ?>
    </div>
</div>

<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($kooperationid) ?>
        <?= $this->formElementErrors()->render($kooperationid, ['class' => 'help-block']) ?>
   </div>
    <div class="form-group col-sm-3">     
        <?= $this->formRow($beteiligung) ?>
        <?= $this->formElementErrors()->render($beteiligung, ['class' => 'help-block']) ?>
    </div>
</div>
<div class="row">
    <div class="form-group col-sm-3">
        <?= $this->formRow($koopgeschstelleid) ?>
        <?= $this->formElementErrors()->render($koopgeschstelleid, ['class' => 'help-block']) ?>
    </div>
    <div class="form-group col-sm-3">    
        <?= $this->formRow($beteiligungkoopgeschstelle) ?>
        <?= $this->formElementErrors()->render($beteiligungkoopgeschstelle, ['class' => 'help-block']) ?>
    </div>
</div>

Конечно, я прочитал все остальные посты, связанные с этой темой, но я не совсем понял все детали, как вы можете видеть на скриншоте. Поэтому любые полезные объяснения приветствуются.