Welcome to the Treehouse Community
The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.
Content not aligning properly
I'm having trouble getting my content to wrap to the next line in this Bootstrap tutorial. I've double checked my code and looked for errors, but the content in <!-- Speakers --> and <!-- Schedule --> sections is pushed off to the right of the About, Expert Speakers, and What You'll Learn sections, whereas in the video Guil has it below these sections.
Can anyone see what I've done wrong?
It appears your closing tags on your divs are in the wrong place! The closing div you have where it says: </div><!-- About Content End --> is actually the closing tag of the third column, not the outer .row wrapper!
You need to move the closing div after <!-- Schedule Content End --> above <!-- Speakers --> comment. That way the .row wrapper no longer contains your h1 tags knocking them down below.
Here is your fixed code :)
Oh wow, thank you so much @ciaranwood! I guess my head wasn't in the game yesterday. I should have caught that fairly quickly, but it was giving me fits for almost a half hour, lol.