Skip to content
This repository

CSS toolkit from Twitter for use as a WordPress theme

tree: 1e8d9898ab

Fetching latest commit…

Cannot retrieve the latest commit at this time

README.md

Bootstrapwp - TWITTER BOOTSTRAP 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.

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:

  1. 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.
  2. Fixed navbar on mobile devices where body padding was causing the navbar to drop below the the top of the window.
  3. Revised order of stylesheets loading
  4. 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 previous catch_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.css down in the loading order

Page-blog.php

  • Replaced catch_that_image() function with the_post_thumbnail()

Author.php

  • Replaced catch_that_image() function with the_post_thumbnail()

Archive.php

  • Replaced catch_that_image() function with the_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-menu style to match .dropdown-menu from 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

Demo

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/

Usage

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.

Bug tracker

Known theme bugs:

Listed on the Bug Tracker page

Report additional bugs https://github.com/rachelbaker/bootstrapwp-Twitter-Bootstrap-for-WordPress/issues

Thanks to the Original Twitter Bootstrap Authors

Mark Otto

Jacob Thornton

Copyright and license

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.

Something went wrong with that request. Please try again.