Let's get started!
If you've read the how-to page already, then you know that all you need to do is cut and paste code snippets from this page to build your own layouts.
You can go ahead and play with these or you can check the tips-and-tricks page first to find out about best practices, etc.
This demo page includes all modules and layouts “live”.
- Plain Box
- Module 2A
- Module 2B
- Module 3A
- Module 3B
- Module 4A
- Module 4B
- Layout 1
- Layout 2
- Layout 3
What's the deal with the numbers?
The numbers in the modules and layouts above show the source order (the HTML flow). Blue numbers correspond to columns for which a width needs to be set (which are all columns in a module but the last one in the flow).
Default widths are already set via classes.