html - How to have different heights between rows for each column? -


i've been using bootstrap grid system , have encountered issue taller div automatically sets height entire row.

here problem:

http://prntscr.com/cf7cbh

this summary of code:

<div class="container">   <div class="row">     <div class="row col-lg-4">small div</div>     <div class="row col-lg-2">small div</div>   </div>   <div class="row">     <div class="col-lg-6">tall div</div>   </div> </div> 

or

<div class="container">      <div class="row">        <div class="col-lg-4">small div</div>        <div class=" col-lg-2">small div</div>        <div class="col-lg-6">tall div</div>      </div>    </div> 

what can in order have different heights? thank you


Comments

Popular posts from this blog

java - Jasper subreport showing only one entry from the JSON data source when embedded in the Title band -

mapreduce - Resource manager does not transit to active state from standby -

serialization - Convert Any type in scala to Array[Byte] and back -