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>

karthikeya Boyini

I love programming (: That's all I know

Updated on: 04-Mar-2020

211 Views

Kickstart Your Career

Get certified by completing the course

Get Started