Multiple Rows in Meet the Team Page

[Ben1011]

Hi, I’m trying to create a Team page using the Meet the Team template you have for Celestial Reloaded. I need multiple rows of captions like you have; maybe 4 or 5 rows of 3 captions each. I copied the code that you have for that page, specifically the content-wrapper div and everything inside it, deployed it to my site, and everything looked fine. There was one row laid out just like you have on your site. Then I tried copying that same row-fluid div and pasting it as a second row within the content-wrapper. I understand the basic Twitter Bootstrap grid system, and I would expect that simply adding a second row-fluid div would create a new row with the elements formatted evenly like the first row but it did not. The first element of the second row is floating right below the 3 element of the first row, then the other two elements in the second row have been pushed down into what looks like a 3rd row. Here it is: http://brazilconnection.org/envision/team/

Am I missing something? Is there some unique styling the theme that is causing the rows to not align properly? Or do I need to set up the row divs differently? I added margin at the bottom of the first row to try to even it out, and nothing happened. Please let me know how to get these straightened out. Thank you.

[Sushil Adhikari]

What you don’t want to do is do the copy of the “content-wrapper” container and paste that if that is what you did because that is the actual page container.

Start off by adding this wrapper container:

...

(this is from my demo site) Then replace those three dots with three instances of the code below:

Tina Porta
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Tina

For each row you want to add, repeat all the steps above.

I took a quick look but it looks like you were also missing the closing on your first row.

[Ben1011]

That appears to have fixed the issue, thanks so much.

[Author]

Posts