dimanche 19 avril 2015

Div tag alignment with Bootstrap

I'm sure this has been answered many times - but I've searched here with no luck...


I'm new to bootstrap (and div tags)... Here's what I've spent all day trying to figure out... I have 2 rows. The 1st row has 3 columns (1,2,3). The 2nd has 2 columns (4,5) . I'm trying to simply "allow" column "3" to extend into and beside column "5" - currently column 4 & 5 get pushed down below the end of 3...


Column "3" may contain an article or contact form - not sure yet- either way I need the flexibility...


I have successfully done this by nesting 4 into 1 & 5 into 2... but when I view in mobile view column 3 gets pushed to the end of section5... I want 3 to remain number 3 in the mobile vertical view list..


Does Bootstrap have something built into CSS to accomodate? Are multiple 'containers' required? I'd rather not add CSS, but if that's the only way so be it... Thanks!


My code:



<div class="row-fluid">
<div class="col-md-4">
<h2>section1 </h2>section1
</div>

<div class="col-md-4">
<h2>section2 </h2>section 2
</div>
<div class="col-md-4">
<h2>section3 </h2>section3
</div>
</div>
<div class="row-fluid">
<div class="col-md-4">section4
</div>
<div class="col-md-4">
section5
</div>
</div>

Aucun commentaire:

Enregistrer un commentaire