From the course: CSS: Frameworks & Grids

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Exploring framework functionality

Exploring framework functionality - CSS Tutorial

From the course: CSS: Frameworks & Grids

Start my 1-month free trial

Exploring framework functionality

- [Narrator] So, Foundation gives this index.html file as a starting point and sort of a demo of a few features. I'm gonna go ahead and open this up in the browser so we can see. So here we can see that we've got examples for how to use the grid layout, the buttons, a callout box, and even forms. If we go to look at the HTML, and I'm actually going to use the built-in Firefox inspector for this. If you're a fan of Chrome, they have a very similar inspect feature, but with this we can see how the code is structured and what classes are used to trigger these different things. For example, I can see here that we got a class of button. Now, if we go down to that success button, that also has the class of button and an additional class called success. So, by adding these classes to the markup, we get the effects and that's a pretty cool thing. Now also here, we have got some documentation and help for Foundation. I'm gonna go ahead and let's click on this Foundation Documentation and see…

Contents