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.
For the most up-to-date version, follow the in-process development branch: https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/tree/1-WIP
##Version .86 of BootstrapWP – Released April 11, 2012
This release resolves a few major bugs and keeps the theme moving forward along with the progress of Twitter Bootstrap.
The major changes are:
- Removed the buggy catch_that_image function that was displaying thumbnails for posts, and replacing it with the new bootstrapwp_autoset_featured_image()` function that will automatically set the post thumbnail.
- Fixed navbar on mobile devices where body padding was causing the navbar to drop below the the top of the window.
- Revised order of stylesheets loading
- Corrected the broken favicon links
Download BootstrapWP .86 theme
###Full Change Log
Bootstrap Styles and Scripts
- Updated JS files from Bootstrap 2.0.3 branch as of April 7, 2012
- Updated CSS files from Bootstrap 2.0.3 branch as of April 11, 2012
- Updated LESS files from Bootstrap 2.0.3 branch as of April 7, 2012
Functions.php
- Added
bootstrapwp_autoset_featured_image()function to replace previouscatch_that_image()function that was causing issues for some theme users. The post thumbnail will now automatically be set to the first image added to a post if a featured image was not manually declared. - Edited
bootstrapwp_css_loader()to move/css/bootstrap-responsive.cssdown in the loading order
Page-blog.php
- Replaced
catch_that_image()function withthe_post_thumbnail()
Author.php
- Replaced
catch_that_image()function withthe_post_thumbnail()
Archive.php
- Replaced
catch_that_image()function withthe_post_thumbnail()
Header.php
- Added
<?php bloginfo( 'template_url' );?>to favicon link - Removed
get_header()call at top of file
Style.css
- Added
@media (max-width: 979px) { body { padding-top: 0; }to correct navbar on mobile devices - Updated
.sub-menustyle to match.dropdown-menufrom the Twitter Bootstrap styles to fix max-width restriction on navigation dropdown items
Page-JSGuide.php
- Added content from Bootstrap 2.0.3 files
- Added note about using the JS files within a WordPress theme
Page-Styleguide.php
- Added content from Bootstrap 2.0.3 files
Misc.
- Fixed JavaScript guide link in Readme thanks to @fsimmons
- Updated favicons and moved them to /ico/ folder
- Adding new screenshot image thanks to @yourdesigncoza
You can view a demo of this theme running on WordPress at: http://rachelbaker.me/bootstrapwp/
View the theme style guide at: http://rachelbaker.me/bootstrapwp/style-guide/
View the javascript guide at: http://rachelbaker.me/bootstrapwp/javascript-guide/
Download the BootstrapWP theme, and install to your WordPress site.
This is meant to be a base theme for WordPress custom theme development.
You can override any of the styles using style.css file. All .css and .js files are loaded in functions.php. Don't forget to disable any of the .js files you do not need.
Known theme bugs:
Listed on the Bug Tracker page
Report additional bugs https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/issues
Mark Otto
Jacob Thornton
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at:
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.