Bootstrap - Merge lines

Asked

Viewed 2,632 times

2

How do I make Melclar two or more cells in Bootstrap?

I’ll 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 it is to merge cell 4 of the two lines into one.

html css twitter-bootstrap

1 answer

3


You cannot break an Row element (including, it is what ensures the stability of the Bootstrap look!).

In Bootstrap Divs are stacked by default, so you can take advantage of it. 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>

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

Source: https://stackoverflow.com/questions/16351404/bootstrap-combining-rows-rowspan

Browser other questions tagged html css twitter-bootstrap

You are not signed in. Login or sign up in order to post.