WordPress Twitter Bootstrap CSS Plugin Home
The WordPress Twitter Bootstrap plugin lets you harness the power of Twitter Bootstrap from within your WordPress site.
- manually editing your WordPress theme
- downloading the Twitter Bootstrap libraries each time they’re updated
- manually writing HTML to make use of Bootstrap components.
What great benefits come with the WordPress Twitter Bootstrap plugin?
- Keep your site automatically up-to-date – we release a new updates as soon as new versions of the libraries are released.
- Customize and pre-compile your design – we’ve integrated a LESS Compiler so you can customize your Bootstrap design right from within your WordPress site!
- Make your site look Twitter-Bootstrap-Awesome! With the WordPress shortcodes we’ve provided, you can add Bootstrap components directly from within your Posts, Pages, and sidebar widgets
- Optional CSS libraries – Not only can you use Twitter Bootstrap, you can use Normalize CSS, Yahoo! Reset, and, even include a CSS file of YOUR choosing!
This plugin has been downloaded 64,000+ times and has an average 4.7 / 5.0 star rating.
Important Links, Information, and Credits
- Check out the full WordPress Twitter Bootstrap Shortcodes Demo page.
- You can download the WordPress Twitter Bootstrap CSS plugin directly from the WordPress.org repository here.
- The home of the Twitter Bootstrap project and documentation.
- The home of the LESS Compiler in PHP.
WordPress Twitter Bootstrap CSS Plugin Q&A
The following posts discuss other current features of the WordPress Twitter Bootstrap plugin.
- Great for plugin/theme developers: Twitter Bootstrap CSS library available in the WordPress admin section
- The upgrade from Twitter 1.4.x to 2.0.x was a big step and this article discusses the most significant changes
Since using the plugin on the WordPress admin section is straight forward, we don’t have tutorials for that.
We do, however, have many tutorials on the use of the Twitter Bootstrap component through our custom WordPress shortcodes.
Note that with changes in Twitter Bootstrap (especially moving from version 1.4.x to 2.x+) some of the most recent implementation can change from the articles outlined here:
- new WordPress Shortcode for Twitter Bootstrap ‘Badges': TBS_BADGE
- new WordPress Shortcode for Twitter Bootstrap ‘Icons': TBS_ICON
- new WordPress Shortcode for Twitter Bootstrap ‘Buttons': TBS_BUTTON
- new WordPress Shortcode for Twitter Bootstrap ‘Button Groups': TBS_BUTTONGROUP
- WordPress Shortcode for Twitter Bootstrap ‘Labels': TBS_LABEL
- WordPress Shortcode for Twitter Bootstrap ‘Blockquotes': TBS_BLOCKQUOTE
- WordPress Shortcode for Twitter Bootstrap ‘Alerts': TBS_ALERT
- WordPress Shortcode for Twitter Bootstrap ‘Tooltip’ (Twipsy): TBS_TOOLTIP
- WordPress Shortcode for Twitter Bootstrap ‘Popovers': TBS_POPOVER
As of version 2.0.3 of the plugin, the following feature list represents the core functionality available.
You have the option to:
- include the Twitter Bootstrap CSS library as the absolute first CSS link on any WordPress site.
- include the Twitter Bootstrap Responsive CSS library.
- “roll your own”. You can customize the Twitter Bootstrap for your site using our LESS compiler functionality (thanks to lesscphp for the compiler itself)
- include your own custom or reset CSS file by providing a URL – useful if you want to create your own base/reset CSS library for all your sites.
- use WordPress shortcodes that we created for the plugin, allowing you to quickly take advantage of Twitter Bootstrap CSS components.
- use Twitter Bootstrap CSS in the WordPress Admin interface. Great for plugin and theme developers!
- include Yahoo! Reset CSS (YUI 2) or YUI v3, or Normalize CSS (instead of Twitter Bootstrap)
Other miscellaneous options include:
- use minified (default) or normal CSS libraries.
- delete all plugin settings once the plugin has been deactivated. The default setting is to retain all plugin options.
- include Google prettify libraries for displaying code. This doesn’t quite work because of certain WordPress “features” but fixing it (so-far) falls outside of the scope of the plugin.
The problem posed was how we could automatically and quickly include the latest Twitter Bootstrap library on all of our managed WordPress websites.
We didn’t want to edit each of our WordPress themes directly to achieve this, and furthermore, some themes actually prevented us from doing so altogether.
A plugin was required that could include Twitter Bootstrap CSS library for all WordPress themes – this is the problem the WordPress Twitter Bootstrap CSS plugin solved.