Build a Responsive WordPress Theme with Bootstrap
If you want to develop WordPress theme, the following tutorial explained how to build a Responsive WordPress Theme with the help of Bootstrap. As already mentioned that Bootstrap is a responsive framework for building web sites and applications, and it’s a great starting point for building a responsive WordPress theme: Detail.
Create stunning mobile + iPad versions of your website. Easily setup a rich mobile theme for iPhone, iPad, Android, Blackberry, Palm OS and Samsung touch mobile visitors, completely independent of your desktop theme.
Building and Customizing Bootstrap Theme
For web developers and designers Twitter’s Bootstrap provide the standard tool to develop web applications and clean User interface. In the following tutorial you can find step-by-step guide about customizing the Bootstrap, which will help to speed up developing and designing process: Detail.
In the following list you can find few of best Free and premium Twitter Bootstrap themes for WordPress.
Free Twitter Bootstrap Themes for WordPress
Created by Rachel Baker and one of the more complete Twitter Bootstrap themes for WordPress. Bootstrap is a responsive frontend toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components. Now you can use it with WordPress as a solid base to build custom themes quickly and easily.
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
The 320press WordPress Bootstrap Theme is a theme framework built on top of the Bones theme framework and presents the features as a a homepage template, a standard page which comes with a right sidebar, page with a left sidebar, as well as a page with full width. An options panel and shortcodes are also available for further customization.
Roots is a starting WordPress theme based on HTML5 Boilerplate & Bootstrap from Twitter.
A WordPress theme based on Twitter Bootstrap, featuring a responsive design so that it looks great on all devices. Alien Ship includes a featured posts slider and/or grid to highlight your important content, header image support, several shortcodes, and more.
A WordPress Theme based on Bootstrap, from Twitter. It features a 100% responsive layout, a superb gallery and image handling with a custom image meta widget and carousel for gallery post-formats, the Glyphicon Icon set, a clean and simple design and a lot more! The Bootstrap runs on HTML5 and CSS3, a 12-column grid and comes with custom jQuery plugins. See the Bootstrap documentation on GitHub for reference.
Boost your site with Bootstrap for wordpress. Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
A clean, minimalistic administration theme based on Twitter’s Bootstrap. A clean, minimalistic administration theme implementing Twitter’s Bootstrap. If you want to learn more about bootstrap go ahead and take a look here: twitter.github.com/bootstrap
Visual Composer for WordPress will save you tons of time working on the site content. Now you’ll be able to create complex layouts within minutes! It’s build on top of the Twitter Bootstrap and jQuery UI framework – get the best from world leading experts!
DesignWall Shortcodes allow quick and easy implementation of WordPress shortcodes by the rich-editor for TinyMCE coming along with responsive feature and the sleek twitter bootstrap style.
Best Responsive and Bootstrap WordPress Themes
Touch Twitter Bootstrap – Responsive WP Theme. Unlimited combinations on any page. Very powerful theme which suits both, creative and business users with no programming background, as well as advanced developers. The Theme is built on top of the great Themeple Framework. It comes with a hundreds of options so you can modify, styling, colors, layout and fonts directly from within the Theme Options. Build your own skin and pages right out from your Page Builder and Theme Options. Font, background and color options as well as the dynamic template builder will help you create the Website you need in no time. In addition to the global options you can set unique styling options for each entry.
- Fully Responsive
- Based on Twitter Bootstrap Framework
- Full size background image every page
- Blog with post formats
- Sortable Portfolio
- Cross Browser compatible
Reboot is a beautifully minimal, and awesomely responsive WordPress Theme, built on the fantasticTwitter Bootstrap that is perfectly suited for Agencies, and Creatives (Designers, Photographers, Motion Artists).
With a ‘Retro Modern’ look, gorgeous typography, clean lines, and striking colors, it’s perfect for presenting you, and your business in a highly professional light.
Newsportal WordPress theme is built on top rock-solid HTML5 and CSS3 Framework. It’s clearly that this theme has a responsive layout with adaptive approachment for each devices such as iPhone, iPad and many popular devices out there, give it a try using your device(s). Moreover, it comes with tons of features below.
DESIGNMD -01 is clean and modern responsive WordPress Theme created to be easy to modify and customize. With a responsive design it is easily usable with any device, without removing any content! Can be used by photographers, portfolio, companies, private blogs and more.
Egofolio is a fine HTML5 Ajaxed fully Reponsive WordPress theme built for creative designers, web developers, photographers and video makers.
Egofolio comes with many spicy features that allow you to customize and transform layout with a few clicks: single page or Ajax loaded layout, 2 skins, 4 different homepage headers, 4 different portfolio grid options, 2 portfolio visualizer modes, 2 portfolio reorder/filtering modes, intelligent portfolio visualizer, mobile touch events, panning fx, full video support and much more.
Aleph is a completely ajaxed, animated, bold, interactive and responsive fullwidth template that will suit all your needs, wether you are a freelancer, an agency or for any other use.
Responsive Design – This means you website will automatically adjust its layout and proportions to suit the device it is being viewed on. The theme content will be easy to read and easy to navigate whether it is being viewed on a desktop computer, a tablet or a mobile device.
ZEN Responsive WordPress Theme is a clean and modern theme design with several built in theme colors to suit your needs. Built on Bootstrap, this theme has been carefully crafted to be easily customized and flexible using custom built plugins. With it’s clean design, this theme is versatile for any type of website, such as an online portfolio, corporate website, retail/service showcase, personal blog etc. Being responsive the theme layout is fluid and is compatible with all mobile and tablet devices, with the option to set the layout to be fixed if required.
Spark is a responsive and super flexible,multipurpose premium WordPress theme, that is suitable for different types of sites, like portfolio and business sites. It has a solid flexible responsive layout that scales from 320px to 960px width and all Twitter Bootstrap features, Spark also includes Font Awesome the iconic font designed for use with Twitter Bootstrap.
Justi is a minimalist, clean , responsive and super flexible premium WordPress theme, that is suitable for different types of sites, like portfolio and business sites. It has a solid flexible responsive layout that scales from 320px to 1260px width and all Twitter Bootstrap features.
ONIX is a responsive and super flexible,multipurpose premium WordPress theme, that is suitable for different types of sites, like portfolio and business sites. It has a solid flexible responsive layout that scales from 320px to 1260px width and all Twitter Bootstrap features, ONIX also includes Font Awesome the iconic font designed for use with Twitter Bootstrap.
Atlantic News is a Responsive, Highly Customizable & Fully Widgetized. Premium WordPress Theme and comes with a bundle of features. The flexible and widgetized layout lets you easily adapt the theme to your needs. You can display articles in many ways, with the feature slider or as featured categories.
Atlantic News developed on the Bootstrap — beautifull boilerplate for responsive development so it look beautiful at any size, be it a 17” laptop screen or an iPad, iPhone.
Shelve is a powerful responsive business/corporate/portfolio & blog premium WordPress theme. Shelve has been coded in HTML5 & CSS3 , jQuery. Shelve will fit your large desktop screen, all the way down to your iPhone – and of course any Tablet or iPad.
The clean, modern design can be used for any type of website; business, corporate, portfolio, products, etc, and with the unique layout options it provides, your possibilities are endless.
WhiteBoard is a premium Corporate WordPress theme with countless unique options and features. With WhiteBoard, you can easily sort the layout of your homepage to create a completely custom look and feel that suits your companies branding or personal style. Easy add projects or display your portfolio. Create, add, edit, name, and easily switch custom color schemes. Quickly add slides with built in css3 animations, and customize nearly every aspect of each page, blog post, and module to your hearts desire.
Powerful WP Theme designed in a clean and minimalistic style. This theme is very flexible, easy for customizing and well documented, approaches for personal and professional use. Valera has been coded in HTML5 & CSS3 and jQuery. It has a solid flexible responsive layout that scales from 320px to 1260px width all Bootstrap features. Follow me to be notified for future updates!
Powerful WP Theme designed in a clean and minimalistic style. This theme is very flexible, easy for customizing and well documented, approaches for personal and professional use. COMMANDER has been coded in HTML5 & CSS3 and jQuery. It has a solid flexible responsive layout that scales from 320px to 1260px width all Bootstrap features. Follow me to be notified for future updates!
The pixelentity team is once again proud to bring you our new product: “Mentor” – a fully responsive premium WordPress theme suitable for any kind of business or corporate use. Mentor is built upon the responsive Twitter Bootstrap framework and is bursting with custom features, including a bespokeresponsive slider, an intelligent responsive carousel and a custom developed mobile friendly lightbox plugin. With drag n drop gallery management, 1-click demo content import, a brandable admin panel, unlimited widget areas, 13 custom widgets and 3 included skin to choose from, Mentor will be your trusted counselor for your business’s online presence. See some of the awesome features listed below and check the above demo to see it in action.
- Full Localisation Support (contains .po/.mo files)
- Based on Twitter Bootstrap Framework
- Filterable Portfolio
- 5 Custom Widgets (Twitter, Flickr, Video, Testimonials, Blog)
- Simple Unbranded Options Theme
- Layered PSDs for Customisation
- 12 background patterns
- Extensive Documentation
- Option to have full size background image on portfolio posts
- Cross Browser compatible
Vitrux is completely responsive from 1200px to an iPhone’s screen so you do not lose customers regardless of the device they use to see your website.
Celestino is a clean and powerful portfolio theme with a great 1170 pixel responsive layout based on the Bootstrap grid.
Some features of Celestino are: boxed/stretched layout, background uploader to upload a different background image/color for each page and post, unlimited sliders with 8 different slider types (we include 2 premium slider for a value of 110$…enjoy the nice “Grid slider” and use it to show your projects!), header uploader to upload a different header image for each page, unlimited portfolio with 8 portfolio layouts, unlimited gallery and videogallery, shortcode manager with 100+ shortcodes, SEO panel to improve your SEO , Post formats, 500+ google fonts…and much more!
Instyle is a responsive HTML5 & CSS3 Portfolio theme with WordPress post format support. Instyle uses Twitter Bootstrap CSS3 / HTML5 framework for easier development.
This WordPress theme release is a highly customizable, multipurpose theme that fits for various kinds of business or private portfolios and blogs. It was built on the Twitter Bootstrap Framework.
Powerful WP Theme designed in a clean and minimalistic style. This theme is very flexible, easy for customizing and well documented, approaches for personal and professional use. PRIDE has been coded in HTML5 & CSS3 and jQuery. It has a solid flexible responsive layout that scales from 320px to 1260px width all Bootstrap features. Follow me to be notified for future updates!
Popular is a agency and corporate theme. Its simple and clean WordPress Theme. Its a full responsive theme built with Bootstrap.
Exotico is for creative people who want to show their work or product with quality and good design. It is completely responsive from 1200px to an iPhone’s screen so you do not lose customers regardless of the device they use to see your website.
Beautiful Examples using Bootstrap
Following are the list of websites that have extremely unique design based on Bootstrap:
Other useful Resource
Jetstrap: Jetstrap is the premier interface-building tool for Bootstrap.
ColourLovers: COLOURlovers is a creative community where people from around the world create and share colors, palettes and patterns, discuss the latest trends and explore colorful articles… All in the spirit of love.
StyleBootstrap: Create unique web design with Twitter Bootstrap 2.1 Kw: themes, templates, styles. generator. customize.
Bootstrap Image Gallery: Bootstrap Image Gallery is an extension to the Modal dialog of Twitter’s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.
KickStrap: Bootstrap enhancement suite with custom themes, js plugins, and more. Perfect solution for those that don’t want to customize
WrapBootStrap: Bootstrap is an HTML5 & CSS3 framework designed to help you kickstart the development of webapps and sites. WrapBootstrap is a marketplace for premium Bootstrap themes and templates. Impress your clients and visitors while using a single, rock-solid foundation.
Bootswatch: Free bootstrap themes – Add color to your Bootstrap site without touching a color picker
Kuler: Adobe’s color swatch library. If you can’t figure out the right colors even with colorschemedesigner, this is the place to go.
Built with Bootstrap: Repository of built-with-bootstrap sites for inspiration!
Subtlepatterns: A great resource for backgrounds and patterns to use in Bootstrap
Paintstrap: Uses a Kuler color scheme to build a bootstrap theme for you.
Secure WordPress Themes providers: