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 Framework Basics Build a Website with Foundation Visibility Classes and Column Ordering

Leigh Maher
Leigh Maher
21,830 Points
Posted by Leigh Maher
Leigh Maher
21,830 Points

Why is Foundation documentation so difficult to search?

Why does Foundation and Bootstrap make it so difficult to search their pages. Foundation has a search bar but it's limited to the suggestions that it pops up. Bootstrap doesn't even have a search facility.

It's so difficult to find something as simple as a predefined class name and explanation of what it does.

Anyone have ideas on how to make searching easier?

5 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,858 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,858 Points

Hey Leigh,

I was just mentally cursing the site for the same reason. After some "Google" and more "Google," I did find this foundation cheat-sheet on github that was/is very helpful... more so than the "Docs" on the Foundation Site.

Leigh Maher
Leigh Maher
21,830 Points
Leigh Maher
Leigh Maher
21,830 Points

Hi Craig,

Thanks for your reply.

If I want to understand what a CSS property does, I can quickly go to a website like w3school, type the property name and find out what it does. If I wan to understand a jQuery method, I can go to the jQuery api and quickly type in a method and get an explanation of what it does.

I'm just looking for the same ability to search for anything that relates to foundation (or bootstrap) in as quick and easy way as above.

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

I understand what you mean Leigh, there is no search / documentation as seen on those site, they have taken a slightly different approach.

However the three pages, CSS, Components and JavaScript if looked at in detail do tell you everything you need to know about the framework and how to implement its classes and element styles. There example pages are also very good to help look at the source code to see how the guys that designed it use it :)

I use bootstrap all the time and it wasn't really until I did my first custom download that I started to understand it better. I also took a look through the non compressed version of the code to so I could get to grips with more of what it can do. But I must agree as above if there where a search facility for class names with more explanation it would be easier for new users to understand.

Craig

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi Leigh,

I'm not sure I quite understand your question as on bootstraps getbootstrap when you click the CSS at the top and you scroll down in all the examples it shows the css classes they have used and loads of code snippets.

Are you wanting to affect a particular element and override there styles ?

Craig

Leigh Maher
Leigh Maher
21,830 Points
Leigh Maher
Leigh Maher
21,830 Points

Thanks Craig. Sometimes in these tutorials I've been unsure if I'm dealing with a custom or predefined class. I've also used the non compressed CSS file to search for class names so I can at least work out if a class I'm looking at is predefined or not.

Leigh Maher
Leigh Maher
21,830 Points
Leigh Maher
Leigh Maher
21,830 Points

Thanks a lot, Jason. That's extremely helpful!