css - How to layout tabular form in HTML -


how layout following panel

  1. div/spans
  2. table
  3. some grid
  4. ?

enter image description here

bootstrap (easy use, responsive grid system) or table (simpler solution). depends on requirements.

this bootstrap grid structure in case:

<div class="container-fluid">     <div class="row">         <div class="col-md-2">         </div>         <div class="col-md-10">         </div>     </div>     <div class="row">         <div class="col-md-2">         </div>         <div class="col-md-4">         </div>         <div class="col-md-2">         </div>         <div class="col-md-4">         </div>     </div>     <div class="row">         <div class="col-md-2">         </div>         <div class="col-md-4">         </div>         <div class="col-md-2">         </div>         <div class="col-md-4">         </div>     </div>     <div class="row">         <div class="col-md-2">         </div>         <div class="col-md-4">         </div>         <div class="col-md-2">         </div>         <div class="col-md-4">         </div>     </div>     <div class="row">         <div class="col-md-6">         </div>         <div class="col-md-3">         </div>         <div class="col-md-3">         </div>     </div> </div> 

Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -