Complex Form Layout for Combined Vertical and Inline Fields with HTML

Bootstrap form for combined vertical/ inline fields −

<div class="row">
   <div class="col-md-8">
      <div class="row">
         <div class="col-md-3">
            Left side
         </div>
         <div class="col-md-9">
            Right side
            <div class="row">
               <div class="col-md-12">
                  longer forms
               </div>
            </div>
            <div class="row">
               <div class="col-md-3">
                  shorter forms
               </div>
               <div class="col-md-3">
                  shorter forms
               </div>
               <div class="col-md-3">
                  shorter forms
               </div>
               <div class="col-md-3">
                  shorter forms
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-md-4">
      Right
   </div>
</div>