Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Robert Cooper
Robert Cooper
6,507 Points
Posted by Robert Cooper
Robert Cooper
6,507 Points

RWD/Bootstrap Layout - I'm feeling very stupid.

I don't know why I just can't wrap my head around responsive layouts + bootstrap 3.

I've got this simple holding page working on desktop but the moment I go to any mobile is all goes to s***:

http://www.boutiquebeautyaberdeen.com/?ModPagespeed=off

Can anyone offer any help?

I'm coming to the conclusion that my entire understanding of RWD is deeply flawed as a page like this, surely, should be EASY.

Does anyone have any idea where you go to actually learn how to make pages like this? The treehouse courses are great but the sites they make aren't exactly real-world.

2 Answers

Xander Taylor
Xander Taylor
12,390 Points

Doesn't look that bad to me. Be easy on yourself. My experience with Bootstrap has taught me to put way more faith in their developers than I initially did. They're really smart. They thought of basically everything. I just had to spend some time in their documentation to figure out what their solution was. I found the Treehouse lesson on Framework Basics to be really helpful on that front.

My last piece of advice is to add custom CSS as a LAST RESORT. You're going to get way better functionality by spending time adding the right Bootstrap class to your markup than by adding your own CSS. Don't reinvent the wheel. Also, remember that Bootstrap was built around the concept of "mobile first".

Let me know if you need more help.

Robert Cooper
Robert Cooper
6,507 Points
Robert Cooper
Robert Cooper
6,507 Points

Thanks Xander.

Ask me to code this up as a static site and I'll have it done in 10 minutes. Even after completing the framework basics I'm still struggling with bootstrap. I think I've worked out that my problem is I've skipped over the fundamentals of grids and much of the other basic CSS functionality.

So - I'm going to take the time to go right back to basics and learn everything from the start. Its amazing how much has changed in the last 4-5 years.

Xander Taylor
Xander Taylor
12,390 Points

I hear you on that! Last I messed with HTML was in about 2000... JavaScript was barely a thing back then.

I strongly support your idea of learning about grids and fluid layouts independently. I predict that will make you fall in love with Bootstrap. But I've been wrong before.

Good luck.