Bootstrap complex form layout for combined vertical/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>