This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Bootstrap Shortcodes for WordPress

Description

Just The Shortcodes, Please

Plenty of great WordPress plugins focus on providing or including the Bootstrap library into your site. Bootstrap Shortcodes for WordPress assumes you’re working with a theme that already includes Bootstrap 3 and focuses on giving you a great set of shortcodes to use it with.

This plugin creates a simple, out of the way button just above the WordPress TinyMCE editor (next to the “Add Media” button) which pops up the plugin’s documentation and shortcode examples for reference and handy “Insert Example” links to send the example shortcodes straight to the editor. There are no additional TinyMCE buttons to clutter up your screen, just great, easy to use shortcodes!

Requires PHP 5.3 or newer

For questions, support, or to contribute to this plugin, check out our GitHub project

Updated for Bootstrap 3.3.x

Tested and working in the latest version of Bootstrap!

Supported Shortcodes

CSS

  • Grid (container, row, columns, fully responsive)
  • Lead body copy
  • Emphasis classes
  • Code
  • Tables
  • Buttons
  • Images
  • Responsive embeds
  • Responsive utilities

Components

  • Button Groups
  • Button Dropdowns
  • Navs
  • Breadcrumbs
  • Labels
  • Badges
  • Jumbotron
  • Page Header
  • Thumbnails
  • Alerts
  • Progress Bars
  • Media Objects
  • List Groups
  • Panels
  • Wells

JavaScript

  • Tabs
  • Tooltip
  • Popover
  • Collapse (Accordion)
  • Carousel
  • Modal

Installation

  1. Download and unzip this plugin
  2. Upload the “bootstrap-3-shortcodes” folder to your site’s /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Create or edit a page or post and click the “B” button that appears above the editor to see the plugin’s documentation!

FAQ

Installation Instructions
  1. Download and unzip this plugin
  2. Upload the “bootstrap-3-shortcodes” folder to your site’s /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Create or edit a page or post and click the “B” button that appears above the editor to see the plugin’s documentation!
Does this plugin include Bootstrap 3?

No, we assume you are already working with a WordPress theme that includes the Bootstrap libraries.

Reviews

December 9, 2017
Shortcodes tend to get rather messy for the non-technical users, so a more visual solution would get it 5 stars. Still quite useful for integrating Bootstrap layouts and components into pages and blog post on the fly. Any plans to create a Bootstrap 4 version? That would be swell.
July 21, 2017
I love using this tool to build the responsive part of my website. Hint if your WordPress theme is not bootstrap enabled simply just enter this code into the header. <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
July 18, 2017
My theme uses Bootstrap and I needed tabs and collapse. I was going to write my own plugin for these elements, but then I found this and it was just what I needed. Simple plugin, with excellent documentation -- it's on the Github repo BTW. If you need Bootstrap tabs or other bootstrap elements as simple shortcodes, this is the good one. 5 stars
Read all 28 reviews

Contributors & Developers

“Bootstrap Shortcodes for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.3.12

  • Remove images from help documentation which caused slowdown for some users

3.3.11

  • Tested to work with WordPress 4.9+

3.3.10

  • Tested to work with WordPress 4.6
  • Fixed bug in [collapse] (thanks who all who reported it)
  • Note PHP 5.3 or greater requirement in documentation
  • Update documentation for clarity
  • Fix issue with xclass in active tabs (thanks who all who reported it!)

3.3.8

  • Tested to work with WordPress 4.5
  • Set a default “active” slide in carousel if none is specified
  • Add shortcode for responsive embeds
  • Correct some non-latin characters displaying incorrectly
  • Add filter to hook into tabs for things like tab history (thanks, Jason Maners!)

3.3.6

  • Allow for xclass property on individual [tab]s
  • Prevent Bootstrap help popup button from appearing on unintended pages
  • Allow for commas in [popover] content
  • Further correction for conflicts with Visual Composer
  • Allow special characters in [page-header]

3.3.5

  • Tested to work in WordPress 4.1!
  • Allow non-English characters in [table-wrap], [media-object], [img], [thumbnail], [modal], [tab], and [collapse]
  • Better compatibility with Visual Composer (Thanks, jannejava!)
  • [tabs] and [tab], fix defaulting the first tab as “active” if no tabs are explicitly set as “active”

3.3.4

  • Restore Bootstrap 3.2 backwards compatibility for [media-object] shortcode, updated documentation to use Bootstrap 3.3 example, but offer 3.2 options.
  • Add “collapsed” class to non-active [collapse] elements (thanks, Artem!)

3.3

  • Tested to work with Bootstrap 3.3!
  • Only enqueue tooltip and popover trigger javascript if those shortcodes are in use
  • Added support for offsets, pulls, and pushes of “0” in [column]
  • Added support for Bootstrap’s responsive tables in [table-wrap]
  • Better correct for conflicts with Gravity Forms –these two plugins should finally play well together
  • Fix documentation for [modal] and [responsive]
  • Removed use of extract() to better fit with WordPress’s best practices.

3.2.4

  • NOTE: this update changes the way the [table-wrap], [tooltip], [popover], [page-header], [img], and [media-object] shortcodes function to better correct for unexpected input. Please report any problems you have with these shortcodes following this update.
  • Add Bootstrap shortcode help popup button to Distraction Free Writing Mode toolbar
  • Better responsive styles for help popup button on smaller screens
  • Better correction for malformed or unexpected input in [table-wrap], [tooltip], [popover], [page-header], [img], and [media-object]s
  • Fix display problems for WP-Engine users
  • Fix documentation for [popover]
  • Better handling of Gravity Forms’ “No Conflict Mode”
  • Fix conflict with All-In-One Events Calendar
  • Fix for some situations where the help-tab popup would be behind other popup elements.
  • WordPress 4.0 support!

3.2.3

  • Fix conflicts with other plugins, like Gravity Forms, which use Bootstrap on the WordPress back-end.

3.2

  • New Features
  • This release features a brand new, much easier to use popup for the documentation. We’re now using Bootstrap’s “modal” component rather than the soon-to-be-retired WordPress Thickbox. We’ve also split the documentation up into tabs so that the technical information about the plugin isn’t cluttering up the shortcode reference material. This should make the plugin a little less scary for end-users.
  • Added optional “target” parameter to [list-group-item]
  • Added support for new “block”, “inline”, and “inline-block” parameters in [responsive] introduced in Bootstrap 3.2
  • Remove legacy [icon-white] shortcode (it wasn’t documented anyway)

  • Bug Fixes

  • Fixed issue with [carousel] indicators (thanks, mebdev!)
  • Fix any parameters expecting “true”, or “false” accepting any input as “true”. Now only accepts the word “true”; other input will be ignored and read as “false”.
  • Fix bug that prevented CSS classes from being applied to [dropdown-item]s
  • Fixed bug that completely broke [divider] in dropdowns
  • Fix animated progress bar classes

3.1.2

  • Tested to work in WordPress 3.9
  • Fix and document collapsibles “Active” state
  • Fix uninitialized variables causing errors in debug mode
  • Fix “Active” tab, carousel checking, should work better now
  • Fix media button icon in Internet Explorer

3.1.1

  • Support new parameters introduced in Bootstrap 3.1.x
  • Use custom icon-font for editor button
  • Fix bug which broke Distraction Free Editing in WordPress
  • Fix bug which caused [responsive] shortcodes not to work

3.0.3.6

  • Significant rewrite to properly escape inputs
  • [tabs] now supports “pills” and “fade” styles
  • [tabs] and [carousel] now support setting a tab or image other than the first one as “active”. If no tab or carousel item is set to “active” the first one is set by default.
  • [panel] titles are now optional (see documentation for new shortcode parameters)
  • [list-group-item] now supports optional “type” parameter (Bootstrap 3.1 only)
  • [button] now supports “disabled” and “active” parameters
  • [progress-bar] now supports showing labels
  • Add [dropdown-header] shortcode
  • [container] now includes optional “fluid” parameter (Bootstrap 3.1 only)
  • [modal] now supports sizes (Bootstrap 3.1 only)
  • Composer support
  • Resolve errors regarding uninitialized variables experienced by some users
  • Resolve image path icons for non-standard WordPress directory names
  • Resolved DOMDocument errors experienced by some users (if you still see these errors or warnings please let us know)

3.0.3.5

  • Add support for [container] shortcode for themes without a container defined
  • Add support for [carousel] and [carousel-item] shortcodes
  • Add support for “xclass” and “data” parameters to all shortcodes
  • Plenty of bugfixes and code cleanup to fix common issues

3.0.3.2

  • Fix help tab popup on edit pages

3.0.3.1

  • Change help-tab to inline rather than iframe in to meet WordPress.org submission requirements
  • Add support for images (http://getbootstrap.com/css/#images)
  • Add support for progress bars (http://getbootstrap.com/components/#progress)
  • Add support for page header (http://getbootstrap.com/components/#page-header
  • Improve list groups, add support for linked items and custom content (http://getbootstrap.com/components/#list-group)
  • Add support for button dropdowns (http://getbootstrap.com/components/#btn-dropdowns)
  • Add support for breadcrumbs (http://getbootstrap.com/components/#breadcrumbs)
  • Add support for button-toolbar in button groups (http://getbootstrap.com/components/#btn-groups-toolbar)
  • Add support for navs (http://getbootstrap.com/components/#nav)
  • Remove “strong” parameter from alerts –this should be handled in the wrapped content
  • Allow arbitrary classes in columns

3.0.3

  • Initial WordPress.org release