{"id":115013,"date":"2020-01-06T21:25:07","date_gmt":"2020-01-06T21:25:07","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/bootstrap-visuals\/"},"modified":"2026-03-27T18:26:19","modified_gmt":"2026-03-27T18:26:19","slug":"shortcode-bootstrap-visuals","status":"publish","type":"plugin","link":"https:\/\/sq-xk.wordpress.org\/plugins\/shortcode-bootstrap-visuals\/","author":14316056,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0.1","stable_tag":"3.0.1","tested":"6.9.4","requires":"5.0","requires_php":"7.4","requires_plugins":null,"header_name":"Lewe Bootstrap Visuals","header_author":"George Lewe","header_description":"This plugin provides shortcodes for the most common Bootstrap 4 visual elements.","assets_banners_color":"19427d","last_updated":"2026-03-27 18:26:19","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/GeorgeLewe","header_plugin_uri":"https:\/\/www.lewe.com\/lewe-bootstrap-visuals\/","header_author_uri":"https:\/\/www.lewe.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":3066,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.3.0":{"tag":"1.3.0","author":"glewe","date":"2021-02-14 13:09:04"},"1.3.1":{"tag":"1.3.1","author":"glewe","date":"2021-10-09 09:56:10"},"1.3.2":{"tag":"1.3.2","author":"glewe","date":"2021-10-09 09:56:10"},"1.4.0":{"tag":"1.4.0","author":"glewe","date":"2021-10-09 09:56:10"},"1.5.0":{"tag":"1.5.0","author":"glewe","date":"2021-10-09 09:56:10"},"2.0.0":{"tag":"2.0.0","author":"glewe","date":"2021-10-09 09:56:10"},"2.0.1":{"tag":"2.0.1","author":"glewe","date":"2021-10-09 09:56:10"},"2.0.2":{"tag":"2.0.2","author":"glewe","date":"2021-10-09 09:56:10"},"2.1.0":{"tag":"2.1.0","author":"glewe","date":"2021-11-10 19:53:50"},"2.1.1":{"tag":"2.1.1","author":"glewe","date":"2022-06-12 11:57:54"},"2.2.0":{"tag":"2.2.0","author":"glewe","date":"2022-09-28 19:40:52"},"2.2.1":{"tag":"2.2.1","author":"glewe","date":"2022-10-03 07:51:29"},"2.2.2":{"tag":"2.2.2","author":"glewe","date":"2022-10-27 16:42:02"},"3.0.0":{"tag":"3.0.0","author":"glewe","date":"2026-03-21 14:08:39"},"3.0.1":{"tag":"3.0.1","author":"glewe","date":"2026-03-27 18:26:19"}},"upgrade_notice":{"3.0.0":"<p>Complete rewrite based on Bootstrap 5.3.8 and modern WordPress standards.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2223135,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2223135,"resolution":"256x256","location":"assets","locale":""},"icon-512x512.png":{"filename":"icon-512x512.png","revision":2223135,"resolution":"512x512","location":"assets","locale":""},"icon-80x80.png":{"filename":"icon-80x80.png","revision":2223135,"resolution":"80x80","location":"assets","locale":""},"icon-96x96.png":{"filename":"icon-96x96.png","revision":2223135,"resolution":"96x96","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3492900,"resolution":"1544x500","location":"assets","locale":""},"banner-300x97.png":{"filename":"banner-300x97.png","revision":3492900,"resolution":"300x97","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3492900,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.3.0","1.3.1","1.3.2","1.4.0","1.5.0","2.0.0","2.0.1","2.0.2","2.1.0","2.1.1","2.2.0","2.2.1","2.2.2","3.0.0","3.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":2223170,"resolution":"1","location":"assets","locale":""},"screenshot-1.png":{"filename":"screenshot-1.png","revision":3492900,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3492904,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Example of various Bootstrap components in action","2":"TinyMCE editor integration with shortcode buttons"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[258280],"plugin_category":[43],"plugin_contributors":[165972],"plugin_business_model":[],"class_list":["post-115013","plugin","type-plugin","status-publish","hentry","plugin_tags-lewe-bootstrap-shortcode-styles-visual","plugin_category-customization","plugin_contributors-glewe","plugin_committers-glewe"],"banners":{"banner":"https:\/\/ps.w.org\/shortcode-bootstrap-visuals\/assets\/banner-772x250.png?rev=3492900","banner_2x":"https:\/\/ps.w.org\/shortcode-bootstrap-visuals\/assets\/banner-1544x500.png?rev=3492900","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/shortcode-bootstrap-visuals\/assets\/icon-128x128.png?rev=2223135","icon_2x":"https:\/\/ps.w.org\/shortcode-bootstrap-visuals\/assets\/icon-256x256.png?rev=2223135","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/shortcode-bootstrap-visuals\/assets\/screenshot-1.png?rev=3492900","caption":"Example of various Bootstrap components in action"},{"src":"https:\/\/ps.w.org\/shortcode-bootstrap-visuals\/assets\/screenshot-2.png?rev=3492904","caption":"TinyMCE editor integration with shortcode buttons"}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<p><strong>Key Features:<\/strong><\/p>\n\n<ul>\n<li><strong>Bootstrap 5.3.8<\/strong> - Latest Bootstrap version with modern CSS and JavaScript<\/li>\n<li><strong>Prefix Support<\/strong> - All CSS classes use the <code>bsv-<\/code> prefix to avoid conflicts<\/li>\n<li><strong>Modern WordPress Standards<\/strong> - Built following current WordPress Plugin Development Handbook<\/li>\n<li><strong>Comprehensive Components<\/strong> - Alerts, badges, buttons, cards, modals, progress bars, and more<\/li>\n<li><strong>Responsive Grid System<\/strong> - Bootstrap 5 grid with responsive breakpoints<\/li>\n<li><strong>CDN Integration<\/strong> - Automatic loading of Bootstrap 5.3.8 from CDN<\/li>\n<li><strong>Shortcode API<\/strong> - Simple shortcodes for all Bootstrap components using dash syntax<\/li>\n<li><strong>TinyMCE Integration<\/strong> - Visual editor buttons for easy shortcode insertion<\/li>\n<li><strong>Admin Interface<\/strong> - Clean settings page with component documentation<\/li>\n<\/ul>\n\n<p><strong>Available Shortcodes:<\/strong><\/p>\n\n<p><em>Layout Components:<\/em>\n* <code>[bsv-container]<\/code> - Bootstrap container\n* <code>[bsv-row]<\/code> - Bootstrap row\n* <code>[bsv-column]<\/code> - Bootstrap column with responsive sizes<\/p>\n\n<p><em>UI Components:<\/em>\n* <code>[bsv-alert]<\/code> - Alert messages with optional dismiss button\n* <code>[bsv-badge]<\/code> - Badges and labels\n* <code>[bsv-button]<\/code> - Buttons with various styles and sizes\n* <code>[bsv-card]<\/code> - Cards with headers, footers, and images\n* <code>[bsv-panel]<\/code> - Alias for card (backward compatibility)<\/p>\n\n<p><em>Content Components:<\/em>\n* <code>[bsv-blockquote]<\/code> - Styled blockquotes\n* <code>[bsv-code]<\/code> - Inline and block code formatting\n* <code>[bsv-highlight]<\/code> - Highlighted text\n* <code>[bsv-lead]<\/code> - Lead paragraphs\n* <code>[bsv-text]<\/code> - Text with utility classes\n* <code>[bsv-list]<\/code> - Styled lists<\/p>\n\n<p><em>Interactive Components:<\/em>\n* <code>[bsv-modal]<\/code> - Modal dialogs\n* <code>[bsv-collapse]<\/code> - Collapsible content\n* <code>[bsv-accordion]<\/code> - Accordion panels\n* <code>[bsv-tooltip]<\/code> - Tooltips\n* <code>[bsv-popover]<\/code> - Popovers<\/p>\n\n<p><em>Progress &amp; Loading:<\/em>\n* <code>[bsv-progress]<\/code> - Progress bars\n* <code>[bsv-spinner]<\/code> - Loading spinners<\/p>\n\n<p><strong>Migration from Legacy Plugin:<\/strong><\/p>\n\n<p>If you're migrating from the old shortcode-bootstrap-visuals plugin, most shortcodes work with the new dash syntax (<code>[bsv-alert]<\/code> instead of <code>[bsv_alert]<\/code>). The plugin maintains backward compatibility where possible while following modern WordPress shortcode conventions.<\/p>\n\n<h3>Support<\/h3>\n\n<p>For support, documentation, and feature requests, please visit:<\/p>\n\n<ul>\n<li><a href=\"https:\/\/lewe.gitbook.io\/lewe-bootstrap-visuals\/\" title=\"Lewe Bootstrap Visuals Documentation\">Plugin Documentation<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/support\/plugin\/shortcode-bootstrap-visuals\/\" title=\"WordPress Support Forum\">WordPress Support Forum<\/a><\/li>\n<li><a href=\"https:\/\/georgelewe.atlassian.net\/servicedesk\/customer\/portal\/5\/\" title=\"Lewe Service Desk\">Lewe Service Desk<\/a><\/li>\n<\/ul>\n\n<h3>Credits<\/h3>\n\n<ul>\n<li>Based on <a href=\"https:\/\/getbootstrap.com\/\">Bootstrap<\/a><\/li>\n<li>Follows <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/\">WordPress Coding Standards<\/a><\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/shortcode-bootstrap-visuals<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Use the Settings &gt; Bootstrap Visuals screen to configure the plugin.<\/li>\n<li>Start using shortcodes in your posts and pages.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20include%20bootstrap%20css%20and%20javascript%3F\"><h3>Does this plugin include Bootstrap CSS and JavaScript?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"are%20the%20shortcodes%20compatible%20with%20the%20old%20plugin%3F\"><h3>Are the shortcodes compatible with the old plugin?<\/h3><\/dt>\n<dd><p>The new plugin uses dash syntax (<code>[bsv-alert]<\/code>) instead of underscore syntax (<code>[bsv_alert]<\/code>) to follow WordPress standards. Most functionality remains the same with improved Bootstrap 5 support.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20bootstrap%20components%3F\"><h3>Can I customize the Bootstrap components?<\/h3><\/dt>\n<dd><p>Yes, all components use the <code>bsv-<\/code> prefix, so you can add custom CSS to override or extend the default Bootstrap styles without conflicts.<\/p><\/dd>\n<dt id=\"does%20this%20work%20with%20my%20theme%3F\"><h3>Does this work with my theme?<\/h3><\/dt>\n<dd><p>Yes, the plugin is designed to work with any properly coded WordPress theme. The prefixed CSS classes prevent conflicts with your theme's styles.<\/p><\/dd>\n<dt id=\"is%20this%20plugin%20responsive%3F\"><h3>Is this plugin responsive?<\/h3><\/dt>\n<dd><p>Yes, all components are fully responsive and support Bootstrap 5's responsive breakpoints (sm, md, lg, xl, xxl).<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.0.1<\/h4>\n\n<ul>\n<li>Update asset images<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>Complete rewrite for Bootstrap 5.3.8<\/li>\n<li>Modern WordPress standards compliance<\/li>\n<li>Improved admin interface<\/li>\n<li>Enhanced shortcode system with dash syntax<\/li>\n<li>TinyMCE editor integration<\/li>\n<li>Better performance and security<\/li>\n<li>Prefixed CSS classes to avoid conflicts<\/li>\n<li>Responsive grid system updates<\/li>\n<li>New component options and styling<\/li>\n<\/ul>\n\n<h4>2.x.x<\/h4>\n\n<ul>\n<li>Legacy version (deprecated)<\/li>\n<\/ul>","raw_excerpt":"A WordPress plugin that provides Bootstrap visual components through easy-to-use shortcodes.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/115013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=115013"}],"author":[{"embeddable":true,"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/glewe"}],"wp:attachment":[{"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=115013"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=115013"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=115013"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=115013"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=115013"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sq-xk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=115013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}