BootstrapWP - Bootstrap Theme for WordPress
Bootstrap is a responsive front-end 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.
You can view a demo of this WordPress theme running the latest development branch code at: http://bootstrapwp.rachelbaker.me/
View the theme's base CSS elements at: http://bootstrapwp.rachelbaker.me/base-css/
Download the BootstrapWP theme, and install on a WordPress local or development site.
This is meant to be a base theme for WordPress custom theme development. Your knowledge of WordPress theme development practices as well as understanding of HTML, CSS/LESS, jQuery and PHP are required.
Create a page that uses the template
Page - Home Hero, then under
Settings->Readingset your site to use a static front page selecting your new page.
Add content to the three "Home" widget areas under
Create a menu under
Appearances->Menusand assign it be your site's Main Menu.
Comfortable with LESS?
Check out the /assets/css/less folder where the
bootstrapwp.less file is the master complier. The included files compile the
bootstrapwp.css file that is located in the /assets/css folder.
Important! To safely retain the ability to update the less files with future versions of Bootstrap or BootstrapWP, add all custom edits/changes inside the
Not comfortable with LESS?
You can override the compiled bootstrapwp.css file by adding custom styles to the style.css in the theme's root directory.
Prefer to create a Child Theme?
BootstrapWP is Child Theme compatible. For more information on how to create a Child Theme check out the WordPress Codex.
Please report all issues on the repo's Issue Tracker. Remember to provide as much information as possible regarding the bug/issue you are reporting so a patch can be released.
v.91 of BootstrapWP
- Updated to Bootstrap 2.2.1 scripts and styles
- Fix Child Theme compatibility
- Improved file organization with assets and template folders
- Merged internationalization/translation contributions from santiagogil and zedejose
- Now contains the following folders: css, js, img, fonts and ico
- Removed assets/css/less/bswp-docs.less file as it is now only loaded on documentation templates.
- Updated all LESS and JS files from Bootstrap 2.2.1
- Holds documentation page templates and related assets
- Updated documentation templates and docs.css file from Bootstrap 2.2.1
- Holds theme's page templates
- Changed layout on
page-home.phpto match hero template
- Removed "jumbotron" class from h1 title on
- Removed masthead comment to clean up template file
- Reorganized divs around breadcrumbs
- Reorganized divs around breadcrumbs
- Back to top text is now translatable (props @santiagogil)
- Changed paths to CSS and JS files to assets folder
- Corrected text-domain (props @zedejose)
- Added localization support for widgets and excerpt text (props @santiagogil)
- Edited height on bootstrap-medium image size
- Updated responsive navbar wrapping to use the button element
- Removed wp-list-pages fallback for custom menu
- Removed div elements for content-wrapper and container at end of file
- Removed unnecessary double loop for page title.
- Removed '' element wrapping around page title.
- Replaced conditional for
- Removed entire 'docs' folder to clean up theme files.
- Removed sub-folder 'example-sites' to clean up theme files.
- Removed sub-folder 'examples' to clean up theme files.
- Updated with new images and icons from Bootstrap 2.1
Copyright and license
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>.
Thanks to the Original Twitter Bootstrap Authors