Bootstrap

Version

Currently, #OnePageWonder is only compatible with Twitter Bootstrap 3. Bootstrap 4 support will be coming soon!

OPW Architecture

#OnePageWonder is laid out using standard Bootstrap techniques. You get to choose between container or container-fluid mode, the navigation menu is a proper (and configurable) Bootstrap navbar, and each row is contained within an automatically generated section tag with a row class, leaving the organization of columns (and/or nested rows) up to you on a section by section basis!

Designing Your Project

If you or your design team are already accustomed to designing with Twitter Bootstrap, then there really is nothing to it. Just cut and paste the inner HTML of each row into a new section. Put your custom CSS files in any client/ directory or sub-directory of. Put your images in a public/ and link to them using relative paths (public/ is your publically accessible root, so public/x.png would be /x.png in your CSS or content HTML).

If you are not used to working with Bootstrap, there are many wonderful tutorials all around the web as well as on YouTube. Be sure to read everything on http://getBootstrap.com. There are also a lot of nice Bootstrap wireframing tools online, such as http://layoutit.com.

Using #WonderBar Elements

The #WonderBar can insert pretty much every standard Bootstrap element there is. I will document them fully in the #WonderBar page as soon as I run through and test them all again.