Like it, love it or hate it – the Twitter Bootstrap craze is in full force. Bootstrap is a complete kit of HTML, CSS, and Javascript for some of the most common user interface components and interactions. It’s built on HTML5 and LESS and is now fully responsive, supporting a range of resolutions and devices. Many are heralding Twitter Bootstrap as a frontend developer’s dream come true. It’s a completely open source toolkit, free for anyone to use.
If you want to get in on the action while running on WordPress, you’ll be glad to know thatTwitter Bootstrap themes for WordPress are now popping up everywhere. Here’s a list of a few of them, all of which are different, despite the fact that many share the same theme name.
Bootstrap for WordPress
This is a basic theme developed developed by @Facens at iubenda. Check out a quick demo and download it for free on Github.
Download Theme
BootstrapWP
BootstrapWP is a base WordPress theme powered by Bootstrap. It was created by Rachel Baker and is one of the more complete Twitter Bootstrap themes for WordPress. Use it as a solid base to create custom themes quickly and easily. You can customize and override any of the styles when developing your own theme.
Download Theme
Bootstrap for WordPress
This theme is from Envex Labs and is a basic starting point for your development projects. Download it from Github.
Download Theme
Bootstrap for WordPress
This theme is a very rough port of Twitter Bootstrap into a WordPress theme. The developer admits that it still needs quite a bit of work and welcomes contribution to the project on Github.
Download Theme
WordPress Bootstrap Theme
This Bootstrap WordPress theme was released by Brag Interactive and has a few more features than some of the more basic themes. It includes widget areas for the homepage, footer, and sidebar, custom menus and breadcrumbs. It enables you to use all the forms, layouts, tables, alerts, javascript, and everything included in the Bootstrap toolkit. In the next release they plan to put all of the Boostrap features into shortcodes for ease of use.
Download Theme
320press WordPress Bootstrap Theme
The WordPress Bootstrap theme is built on top of the Bones theme framework. It includes a Homepage template, Standard page with right sidebar, Page with left sidebar and a Full width page. They’ve also built in an options panel and shortcodes so that you can easily add UI elements found in Twitter Bootstrap.
Download Theme
Roots Theme
The Roots Theme is a well-supported and widely used framework that runs on HTML5 Boilerplate and Bootstrap from Twitter. It includes a number of unique features, such as cleaner WordPress code output, extremely clean URLs, multilingual ready, widget areas and more.
Download Theme
What do you think about Twitter’s Bootstrap? Will you build something with it this year? Do you think it makes development more efficient?
Thanks guys. Hope everyone enjoys the theme!
Thanks for the mention here, Sarah!
Sadly most of those took away the responsive feature :/
At least resizing the browser did not worked for me.
The premium StrapPress WordPress theme is responsive. Check it out: http://strappress.com
Great compilation, thanks for putting this together!
I’ve been playing around with bones and 320press kit for a few weeks now and it sure seem promising. It definitely makes life easier for any custom wp theme developer and saves a whole lot of time from doing all those repetitive tasks that you’ll end up doing in almost every theme project. Definitely recommend trying one of these out if you’re a developer!
I personally love that Bootstrap has gained so much popularity. :)
Shameless plug:
You can find non-free Bootstrap themes at WrapBootstrap http://wrapbootstrap.com/
And the battle begins!
Currently they all seem to focus on different parts of bootstrap.
I guess the winner will be the one that integrates all of it, maybe even with an options panel to enable/disable features.
These all look great. I just wanted to drop in a plug our Twitter Bootstrap WordPress plugin.
We’re trying to stay on top of each of the releases and last week we release our final release for Twitter 2.0 so that it supports both the new and the old versions.
If you’re interested, the release notes and announcement is here: http://bit.ly/wLkYjf
Would love to hear any feedback from people that use it or would like to see anything in particular added.
Thanks!
Paul.
Thanks Paul! We’ll check it out :)
is there anyway to use twitter bootstrap using toolbox theme?
Just wanted to drop a note in here that we updated our bootstrap theme to be compatible with v2.0 of bootstrap.
@Mohd, I’ve put together a theme using Automattic’s _s theme, which is a fork of the Toolbox theme. It’s still a work in progress, and it needs to be documented, but you can download it here.
https://github.com/mindctrl/alienship
Thanks mindctrl. I will have a look on that.
Twitter Bootstrap is gaining rapid popularity Here is a complete tutorial may be first on the net.
http://www.w3resource.com/twitter-bootstrap/tutorial.php
very cool! I have been messing around w/ bootstrap and foundation from zurb tryin to find a good base. i will definitely try some of these out
Twitter Bootstrap rules and WordPress rocks, I was a very happy boy when I discovered the existance of Twitter Bootstrap themes. The only problem is, now I gonna test all of them to find the best one for me.
Aw, I don’t see PageLines mention here! Kudos to Rachel though, her theme is top notch. :)
great list thanks
Another great theme to add to the list is Standard Theme by 8BIT (http://bit.ly/toTx0u). They just released Standard 3 as a premium theme for WordPress.org and WordPress.com. It was developed and reviewed by Automattic and several other reputable WordPress developers.
Hey guys, for responsive features just use the respond.js plugin :)
Great resources, thank you so much for sharing :)
Thanks a ton for this great list, they’re popping up like mushrooms currently, so many cool bootstrapped projects launching.
I’d love to know what your guys thoughts are on the cleanest method of registering bootstrap js and css into wordpress themes. I know there are plugins and some pretty crazy advanced approaches but am looking for something elegant and simple enough for beginners to grasp for some tutorials I have planned.
Can i suggest to take a look FirmaSite theme too?
http://theme.firmasite.com/
I believe people will like it since its most advanced free responsive WordPress theme (built on Bootstrap) with BuddyPress and bbPress supports.
Great list, thanks. If you like clean design with the Twitter Bootstrap Framework, I also recommend this free WordPress theme I just released : http://www.themesandco.com/customizr/
It includes an ajax powered slider generator, very easy to configure.
Thanks for letting us know! Looks pretty nice :)
Thank you too Sarah for your awesome work!
320press – greate theme. For Bootstrap lovers here you can find free and non-free html templates, examples, and sample bootstrap pages http://www.bootstraptor.com