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!
- Grid (container, row, columns, fully responsive)
- Lead body copy
- Emphasis classes
- Responsive embeds
- Responsive utilities
- Button Groups
- Button Dropdowns
- Page Header
- Progress Bars
- Media Objects
- List Groups
- Collapse (Accordion)
- Download and unzip this plugin
- Upload the “bootstrap-3-shortcodes” folder to your site’s
- Activate the plugin through the ‘Plugins’ menu in WordPress
- 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.
I always use this plugin for all my deployment, lightweight and simple. No additional unnecessary junk like other bootstrap shortcode plugins.
It’s working as expected with WP 4.7.3! And on WP Network mode!
note: table not work
This was very useful to me… 🙂
Hello, there is an error appearing when activation the plugin, please check this screenshot, thanks!!
Contributors & Developers
“Bootstrap Shortcodes for WordPress” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- 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!)
- 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!)
- 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]
- 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”
- 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!)
- Tested to work with Bootstrap 3.3!
- 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.
- 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!
- Fix conflicts with other plugins, like Gravity Forms, which use Bootstrap on the WordPress back-end.
- 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)
- 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
- 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
- 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
- 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)
- 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
- Fix help tab popup on edit pages
- 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
- Initial WordPress.org release