How to Build a Responsive WordPress Theme with Bootstrap

Very bad:<p>- Manual loading of jQuery, will lead to multiple jQuery loaded<p>- Missing apparently all action hooks, see wp_head(), wp_footer() etc. This breaks basic blog functionalities and many plugins.<p>Not good:<p>- Hardcoded path to CSS files, see wp_register_style etc<p>- Hardcoded path to JavaScript files, see wp_register_script etc<p><a href="http://codex.wordpress.org/Theme_Development" rel="nofollow">http://codex.wordpress.org/Theme_Development</a> would be a good start.

The project I've been working allows a theme developer to adopt bootstrap styles. One thing I don't like about bootstrap is having to subject the markup to bootstrap's classnames so I drop in bootstrap styles through mixins instead.<p>Especially all the grid related class names don't seem elegant to me for building a WordPress theme (fine for a quick mockup/early stage site though).<p>Let's say you want to have a wider sidebar, you'd have to change the php template file when it should be a simple tweak in the css.

Bit of a shameless plug but I created something very similar here.<p><a href="https://github.com/Alan01252/WP-Bootstrap-2.1" rel="nofollow">https://github.com/Alan01252/WP-Bootstrap-2.1</a><p>I used this as the base to create my current blogs theme ( can be found in my profile ).<p>Hope this helps others who my be considering bootstrapping their blog! :)