Title: Lewe Bootstrap Visuals Author: George Lewe Published: January 6, 2020 Last modified: March 27, 2026 --- Search plugins ![](https://ps.w.org/shortcode-bootstrap-visuals/assets/banner-772x250.png?rev=3492900) ![](https://ps.w.org/shortcode-bootstrap-visuals/assets/icon-256x256.png?rev=2223135) # Lewe Bootstrap Visuals By [George Lewe](https://profiles.wordpress.org/glewe/) [Download](https://downloads.wordpress.org/plugin/shortcode-bootstrap-visuals.3.0.1.zip) * [Details](https://sq-xk.wordpress.org/plugins/shortcode-bootstrap-visuals/#description) * [Reviews](https://sq-xk.wordpress.org/plugins/shortcode-bootstrap-visuals/#reviews) * [Installation](https://sq-xk.wordpress.org/plugins/shortcode-bootstrap-visuals/#installation) * [Development](https://sq-xk.wordpress.org/plugins/shortcode-bootstrap-visuals/#developers) [Support](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) ## Description Lewe Bootstrap Visuals is a comprehensive WordPress plugin that brings the power of Bootstrap 5 to your WordPress site through an extensive collection of shortcodes. This plugin replaces the legacy shortcode-bootstrap-visuals plugin with modern Bootstrap 5. **Key Features:** * **Bootstrap 5.3.8** – Latest Bootstrap version with modern CSS and JavaScript * **Prefix Support** – All CSS classes use the `bsv-` prefix to avoid conflicts * **Modern WordPress Standards** – Built following current WordPress Plugin Development Handbook * **Comprehensive Components** – Alerts, badges, buttons, cards, modals, progress bars, and more * **Responsive Grid System** – Bootstrap 5 grid with responsive breakpoints * **CDN Integration** – Automatic loading of Bootstrap 5.3.8 from CDN * **Shortcode API** – Simple shortcodes for all Bootstrap components using dash syntax * **TinyMCE Integration** – Visual editor buttons for easy shortcode insertion * **Admin Interface** – Clean settings page with component documentation **Available Shortcodes:** _Layout Components:_ * `[bsv-container]` – Bootstrap container * `[bsv-row]` – Bootstrap row * `[bsv-column]` – Bootstrap column with responsive sizes _UI Components:_ * `[bsv-alert]` – Alert messages with optional dismiss button *`[ bsv-badge]` – Badges and labels * `[bsv-button]` – Buttons with various styles and sizes * `[bsv-card]` – Cards with headers, footers, and images * `[bsv-panel]` – Alias for card (backward compatibility) _Content Components:_ * `[bsv-blockquote]` – Styled blockquotes * `[bsv-code]` – Inline and block code formatting * `[bsv-highlight]` – Highlighted text * `[bsv- lead]` – Lead paragraphs * `[bsv-text]` – Text with utility classes * `[bsv-list]`– Styled lists _Interactive Components:_ * `[bsv-modal]` – Modal dialogs * `[bsv-collapse]` – Collapsible content * `[bsv-accordion]` – Accordion panels * `[bsv-tooltip]` – Tooltips*`[ bsv-popover]` – Popovers _Progress & Loading:_ * `[bsv-progress]` – Progress bars * `[bsv-spinner]` – Loading spinners **Migration from Legacy Plugin:** If you’re migrating from the old shortcode-bootstrap-visuals plugin, most shortcodes work with the new dash syntax (`[bsv-alert]` instead of `[bsv_alert]`). The plugin maintains backward compatibility where possible while following modern WordPress shortcode conventions. ### Support For support, documentation, and feature requests, please visit: * [Plugin Documentation](https://lewe.gitbook.io/lewe-bootstrap-visuals/) * [WordPress Support Forum](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) * [Lewe Service Desk](https://georgelewe.atlassian.net/servicedesk/customer/portal/5/) ### Credits * Based on [Bootstrap](https://getbootstrap.com/) * Follows [WordPress Coding Standards](https://developer.wordpress.org/coding-standards/) ## Screenshots * [[ * Example of various Bootstrap components in action * [[ * TinyMCE editor integration with shortcode buttons ## Installation 1. Upload the plugin files to the `/wp-content/plugins/shortcode-bootstrap-visuals` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Use the Settings > Bootstrap Visuals screen to configure the plugin. 4. Start using shortcodes in your posts and pages. ## FAQ ### Does this plugin include Bootstrap CSS and JavaScript? Yes, the plugin automatically loads Bootstrap CSS and JavaScript from CDN. You can disable this in the settings if you prefer to load Bootstrap manually. ### Are the shortcodes compatible with the old plugin? The new plugin uses dash syntax (`[bsv-alert]`) instead of underscore syntax (`[ bsv_alert]`) to follow WordPress standards. Most functionality remains the same with improved Bootstrap 5 support. ### Can I customize the Bootstrap components? Yes, all components use the `bsv-` prefix, so you can add custom CSS to override or extend the default Bootstrap styles without conflicts. ### Does this work with my theme? Yes, the plugin is designed to work with any properly coded WordPress theme. The prefixed CSS classes prevent conflicts with your theme’s styles. ### Is this plugin responsive? Yes, all components are fully responsive and support Bootstrap 5’s responsive breakpoints( sm, md, lg, xl, xxl). ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Lewe Bootstrap Visuals” is open source software. The following people have contributed to this plugin. Contributors * [ George Lewe ](https://profiles.wordpress.org/glewe/) [Translate “Lewe Bootstrap Visuals” into your language.](https://translate.wordpress.org/projects/wp-plugins/shortcode-bootstrap-visuals) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/shortcode-bootstrap-visuals/), check out the [SVN repository](https://plugins.svn.wordpress.org/shortcode-bootstrap-visuals/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/) by [RSS](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 3.0.1 * Update asset images #### 3.0.0 * Complete rewrite for Bootstrap 5.3.8 * Modern WordPress standards compliance * Improved admin interface * Enhanced shortcode system with dash syntax * TinyMCE editor integration * Better performance and security * Prefixed CSS classes to avoid conflicts * Responsive grid system updates * New component options and styling #### 2.x.x * Legacy version (deprecated) ## Meta * Version **3.0.1** * Last updated **2 months ago** * Active installations **10+** * WordPress version ** 5.0 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/shortcode-bootstrap-visuals/) * [Advanced View](https://sq-xk.wordpress.org/plugins/shortcode-bootstrap-visuals/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/reviews/) ## Contributors * [ George Lewe ](https://profiles.wordpress.org/glewe/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.paypal.me/GeorgeLewe)