Title: Lewe Bootstrap Visuals Author: George Lewe Published: 6 de Enero de 2020 Last modified: 27 de Marzo de 2026 --- Buscar 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 Por [George Lewe](https://profiles.wordpress.org/glewe/) [Descargar](https://downloads.wordpress.org/plugin/shortcode-bootstrap-visuals.3.0.1.zip) * [Detalles](https://es-cr.wordpress.org/plugins/shortcode-bootstrap-visuals/#description) * [Valoraciones](https://es-cr.wordpress.org/plugins/shortcode-bootstrap-visuals/#reviews) * [Instalación](https://es-cr.wordpress.org/plugins/shortcode-bootstrap-visuals/#installation) * [Desarrollo](https://es-cr.wordpress.org/plugins/shortcode-bootstrap-visuals/#developers) [Soporte](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) ## Descripción 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/) ## Capturas [⌊Example of various Bootstrap components in action⌉⌊Example of various Bootstrap components in action⌉[ Example of various Bootstrap components in action [⌊TinyMCE editor integration with shortcode buttons⌉⌊TinyMCE editor integration with shortcode buttons⌉[ TinyMCE editor integration with shortcode buttons ## Instalación 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. ## Preguntas frecuentes ### 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). ## Reseñas There are no reviews for this plugin. ## Colaboradores y desarrolladores “Lewe Bootstrap Visuals” es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ George Lewe ](https://profiles.wordpress.org/glewe/) [Traduce “Lewe Bootstrap Visuals” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/shortcode-bootstrap-visuals) ### ¿Interesado en el desarrollo? [Revise el código](https://plugins.trac.wordpress.org/browser/shortcode-bootstrap-visuals/), eche un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/shortcode-bootstrap-visuals/), o suscríbase al [log de desarrollo](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/) por [RSS](https://plugins.trac.wordpress.org/log/shortcode-bootstrap-visuals/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios #### 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 **hace 4 meses** * Instalaciones activas: **10+** * WordPress version ** 5.0 or higher ** * Tested up to **6.9.6** * Versión PHP ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/shortcode-bootstrap-visuals/) * [Vista avanzada](https://es-cr.wordpress.org/plugins/shortcode-bootstrap-visuals/advanced/) ## Valoraciones 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/) ## Colaboradores * [ George Lewe ](https://profiles.wordpress.org/glewe/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/) ## Donar ¿Le gustaría apoyar con el progreso de este plugin? [ Done a este plugin ](https://www.paypal.me/GeorgeLewe)