In creating a responsive wordpress theme, the hard task is to code the css file of the theme. The css file is responsible for theme looks and responsiveness. It will be more easier to create responsive wordpress theme when we have pre-coded responsive css sheet. Bootstrap is a framework that has inbuilt tools can be used to create responsive custom WordPress theme. Firstly download the bootstrap from http://twitter.github.io/bootstrap/index.html . The bootstrap folder contains 3 folders named css, js, and img. After that declare bootstrap in the header.php in the WordPress php file that contains tags and doctype declarations. After that Import the CSS in your themes main style.css file. Bootstrap uses 12 column 940px grid that can adapt to 724px and 1170px wide depending on the viewport when responsive is enabled. Each column can be accessed using .span* class. Two inbuilt types of grid layout are available in Bootstrap – Fluid layout and Fixed layout. Any of these two can be used by changing <div class = “row”> to <div class=”row-fluid”>for fluid layout and to <div class=”container”> for fixed layout. Bootstrap has various classes to create a responsive layout. Various classes of bootstrap are - .min-width and.max-width classes, .visible-phone, .visible-tablet, .visible-desktop, .hidden-phone, .hidden-tablet, .hidden-desktop http://www.wordpressintegration.com/blog/c...5-simple-steps/
The doors we open and close each day decide the lives we live.