Bootstrap - Merge rows

Question

Bootstrap - Merge rows

Navigation

#1 by (3 votes)

2

How do I merge two or more cells into Bootstrap?

I will post the code:

   <div class="container">
      <div class="row-fluid">
         <div class="span4">4</div>
         <div class="span8">8</div>
      </div>
      <div class="row-fluid">
         <div class="span4">4</div>
         <div class="span8">8</div>
      </div>
   </div>

OBS : Basically, merge cell 4 of the two lines into one.

html css twitter-bootstrap

asked by anonymous 03.06.2014 / 14:28

1 answer

Understanding the survey Subtract elements from a two-dimensional array

score 3 · Accepted Answer

You can not break a row element (that's what guarantees the stability of the Bootstrap look!).

In Bootstrap, the divs are stacked by default, so you can take advantage of that. Change your code to:

<div class="container">
      <div class="row-fluid">
         <div class="span4">               
         </div>
         <div class="span8">
           <div>A</div>
           <div>B</div>
         </div>
      </div>
   </div>

By being, instead of doubling the size of span4, we split span8 in two.

Source: link