{"id":144228,"date":"2021-07-23T06:02:34","date_gmt":"2021-07-23T06:02:34","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/block-editor-bootstrap-blocks\/"},"modified":"2025-12-17T15:00:18","modified_gmt":"2025-12-17T15:00:18","slug":"block-editor-bootstrap-blocks","status":"publish","type":"plugin","link":"https:\/\/sk.wordpress.org\/plugins\/block-editor-bootstrap-blocks\/","author":9548563,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"6.9.2","stable_tag":"6.9.2","tested":"6.9.4","requires":"5.6","requires_php":"7.4","requires_plugins":null,"header_name":"Block Editor Bootstrap Blocks","header_author":"KubiQ","header_description":"Fully responsive Bootstrap 5 blocks, components and extends for Gutenberg","assets_banners_color":"8524f9","last_updated":"2025-12-17 15:00:18","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.me\/jakubnovaksl","header_plugin_uri":"https:\/\/wp-speedup.eu\/shop\/wordpress-plugins\/pro-plugins\/block-editor-bootstrap-blocks-pro\/","header_author_uri":"https:\/\/kubiq.sk","rating":4.5,"author_block_rating":0,"active_installs":900,"downloads":19328,"num_ratings":8,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"6.8":{"tag":"6.8","author":"kubiq","date":"2025-09-23 12:59:57"},"6.9":{"tag":"6.9","author":"kubiq","date":"2025-12-01 21:46:38"},"6.9.1":{"tag":"6.9.1","author":"kubiq","date":"2025-12-03 22:52:28"},"6.9.2":{"tag":"6.9.2","author":"kubiq","date":"2025-12-17 15:00:18"}},"upgrade_notice":[],"ratings":{"1":1,"2":0,"3":0,"4":0,"5":7},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2570584,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2570584,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2570584,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["6.8","6.9","6.9.1","6.9.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2570584,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2570584,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2570584,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2570584,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":2570584,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":2583781,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":2583781,"resolution":"7","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[190071,854,6040,4036,606],"plugin_category":[],"plugin_contributors":[81042],"plugin_business_model":[],"class_list":["post-144228","plugin","type-plugin","status-publish","hentry","plugin_tags-breakpoints","plugin_tags-columns","plugin_tags-grid","plugin_tags-layout","plugin_tags-responsive","plugin_contributors-kubiq","plugin_committers-kubiq"],"banners":{"banner":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/banner-772x250.png?rev=2570584","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/icon-128x128.png?rev=2570584","icon_2x":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/icon-256x256.png?rev=2570584","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/screenshot-1.png?rev=2570584","caption":""},{"src":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/screenshot-2.png?rev=2570584","caption":""},{"src":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/screenshot-3.png?rev=2570584","caption":""},{"src":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/screenshot-4.png?rev=2570584","caption":""},{"src":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/screenshot-5.png?rev=2570584","caption":""},{"src":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/screenshot-6.png?rev=2583781","caption":""},{"src":"https:\/\/ps.w.org\/block-editor-bootstrap-blocks\/assets\/screenshot-7.png?rev=2583781","caption":""}],"raw_content":"<!--section=description-->\n<p>Fully responsive Bootstrap 5 blocks, components and extends for Gutenberg<\/p>\n\n<p>Now you can use Gutenberg editor as full-featured website builder.<\/p>\n\n<p>Thanks to Bootstrap 5 - the world\u2019s most popular front-end open source toolkit - you can build your layouts in 6 different breakpoints, so they will work perfectly on each device, no matter if your website visitor is on the phone, tablet, laptop or desktop.<\/p>\n\n<p>You can use Bootstrap row and columns blocks with detailed settings for each breakpoint and autocomplete extension for bootstrap classes<\/p>\n\n<ul>\n    <li>Option to load Bootstrap 5 css to editor from plugin if your theme doesn't contain it<\/li>\n    <li>Option to load Bootstrap 5 css to frontent from plugin if your theme doesn't contain it<\/li>\n    <li>Option to load Bootstrap 5 js to frontent from plugin if your theme doesn't contain it<\/li>\n    <li>Option to automatically add .container class to inner container of fullwidth group or cover block<\/li>\n    <li>Option to remove .is-layout-constrained class from fullwidth group block<\/li>\n    <li>Custom breakpoints control - add, remove or change any breakpoint<\/li>\n    <li>Optimize Bootstrap CSS file by disabling not needed options and parts of Bootstrap<\/li>\n    <li>Bootstrap container block<\/li>\n    <li>\n        Bootstrap row block\n        <ul>\n            <li>Use quick selector to instantly select row while editing<\/li>\n            <li>Use predefined layouts<\/li>\n            <li>Generate custom layout instantly just by adding columns counts, eg. 2+8+2<\/li>\n            <li>Use any amount of columns<\/li>\n            <li>\n                Use 6 different breakpoints to setup:\n                <ul>\n                    <li>Vertical alignment (align-items-*)<\/li>\n                    <li>Horizontal alignment (justify-content-*)<\/li>\n                    <li>Gutter (g-*)<\/li>\n                    <li>Row columns (row-columns-*)<\/li>\n                <\/ul>\n            <\/li>\n        <\/ul>\n    <\/li>\n    <li>\n        Bootstrap column block\n        <ul>\n            <li>Use quick selector to instantly select column while editing<\/li>\n            <li>\n                Use 6 different breakpoints to setup:\n                <ul>\n                    <li>Size (col-*)<\/li>\n                    <li>Offset (offset-*)<\/li>\n                    <li>Order (order-*)<\/li>\n                    <li>Vertical alignment (align-self-*)<\/li>\n                <\/ul>\n            <\/li>\n        <\/ul>\n    <\/li>\n    <li>\n        Bootstrap accordion block\n        <ul>\n            <li>Two styles - default and flush<\/li>\n            <li>Always open option<\/li>\n            <li>First open on load option<\/li>\n            <li>Unlimited amount of accordion items<\/li>\n            <li>Unlimited accordion item inner blocks content<\/li>\n        <\/ul>\n    <\/li>\n    <li>\n        Bootstrap tabs block\n        <ul>\n            <li>Three styles - tabs, pills and text<\/li>\n            <li>Possibility to reorder tabs<\/li>\n            <li>Possibility to add and remove tabs<\/li>\n            <li>Unlimited amount of tabs items<\/li>\n            <li>Unlimited tab item inner blocks content<\/li>\n        <\/ul>\n    <\/li>\n    <li>Component for margin and padding Spacing for any block for 6 different breakpoints<\/li>\n    <li>Component for Display visibility - display per breakpoints, print display, logged in\/out display<\/li>\n    <li>Component for Size - width, min-width, max-width, height, min-height, max-height, aspect-ratio for every breakpoint<\/li>\n    <li>Component for Flex properties - control flex containers and item<\/li>\n    <li>Component for Position properties - control position and z-index<\/li>\n    <li>Component for Snapping for group block, so you can push some content out of container (or just background)<\/li>\n    <li>Component for Alignment, so you can align your text to the left for PC but to the center for mobile<\/li>\n    <li>Component for autocomplete Bootstrap classes<\/li>\n    <li>Extended formats - uppercase, capitalize, lowercase, stretched-link, mark, non-breaking space (nbsp) and soft-hypen (shy) inserter<\/li>\n    <li>Extended shortcuts - shift+alt+[1..7] to switch between paragraph and headings levels - same as in classic editor (tinymce wysiwyg)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/<\/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<\/ol>\n\n<!--section=changelog-->\n<h4>6.9.2<\/h4>\n\n<ul>\n<li>now you can specify anchor ID for every bootstrap tab and then use it in URL hash eg. with JS: bootstrap.Tab.getOrCreateInstance('#your-id').show()<\/li>\n<li>change blocks apiVersion to version 3<\/li>\n<\/ul>\n\n<h4>6.9.1<\/h4>\n\n<ul>\n<li>added semicolon for inline scripts to fix some minifications<\/li>\n<li>new transform-origin manipulation in Position controls<\/li>\n<\/ul>\n\n<h4>6.9<\/h4>\n\n<ul>\n<li>tested on WP 6.9<\/li>\n<li>added Reset button for controls<\/li>\n<li>added inline-grid to Display options<\/li>\n<li>added controls for Grid containers and items<\/li>\n<li>spacing indicators moved from :after to :before and hidden when child selected<\/li>\n<li>Position is not !important in editor, so it will not jump on (de)select<\/li>\n<li>rename Experiments settings to JavaScript optimization<\/li>\n<li>PRO ONLY: new toolbar quick controls for Text Color and Font Size - can be disabled in settings<\/li>\n<li>PRO ONLY: new Spacing control UI allowing multiple template selection<\/li>\n<li>PRO ONLY: improvements for copy-paste settings<\/li>\n<\/ul>\n\n<h4>6.8<\/h4>\n\n<ul>\n<li>tested on WP 6.8<\/li>\n<li>added interactivity support for every block<\/li>\n<li>new apply_filters( 'bootstrap_css_parent_selector', 'body' ) to change CSS selector specificity for generated styles<\/li>\n<li>new transform manipulation in Position controls<\/li>\n<\/ul>\n\n<h4>6.6.2<\/h4>\n\n<ul>\n<li>sanitize to prevent XSS<\/li>\n<li>show active dot on XS with gutter 0 for a row<\/li>\n<li>show active dot when Row columns selected for a row<\/li>\n<\/ul>\n\n<h4>6.6.1<\/h4>\n\n<ul>\n<li>fix JS error<\/li>\n<\/ul>\n\n<h4>6.6<\/h4>\n\n<ul>\n<li>tested on WP 6.6<\/li>\n<li>new settings controls for Size ( width, min-width, max-width, height, min-height, max-height, aspect-ratio )<\/li>\n<li>PRO ONLY: fix not saving PRO plugin settings<\/li>\n<li>PRO ONLY: hide any settings from editor ( alignment, bootstrap-classes, display, flex-container, flex-item, position, size, snapping, spacing )<\/li>\n<li>PRO ONLY: new function get_block_bootstrap_classes( $block ) returning all the bootstrap classes, eg. for your custom blocks <\/li>\n<\/ul>\n\n<h4>6.5.3<\/h4>\n\n<ul>\n<li>fix not working tooltips for breakpoints tabs<\/li>\n<\/ul>\n\n<h4>6.5.2<\/h4>\n\n<ul>\n<li>fix wrong CSS media query order in admin for position, flex container and flex item<\/li>\n<\/ul>\n\n<h4>6.5.1<\/h4>\n\n<ul>\n<li>fix missing tempID attribute for ServerSideRender component<\/li>\n<\/ul>\n\n<h4>6.5<\/h4>\n\n<ul>\n<li>tested on WP 6.5<\/li>\n<li>PRO ONLY: new Block Editor settings section in plugin settings<\/li>\n<li>PRO ONLY: option to automatically select inner paragraph block when container block is inserted<\/li>\n<li>PRO ONLY: option to automatically center single column from smallest breakpoint when row is inserted<\/li>\n<li>PRO ONLY: top-right editor menu option to Show \/ Hide bootstrap spacing indicators<\/li>\n<\/ul>\n\n<h4>6.4.6<\/h4>\n\n<ul>\n<li>fix dismissible PRO banner<\/li>\n<\/ul>\n\n<h4>6.4.5<\/h4>\n\n<ul>\n<li>prepare for PRO version<\/li>\n<li>fix console warnings<\/li>\n<li>minor fixes<\/li>\n<\/ul>\n\n<h4>6.4.4<\/h4>\n\n<ul>\n<li>new Bootstrap configuration tab section \"Other SCSS overrides\" allows you to specify your own Bootstrap SCSS variables values <\/li>\n<\/ul>\n\n<h4>6.4.3<\/h4>\n\n<ul>\n<li>new Experiments tab where you can try to load only separate needed JS files for Bootstrap components to reduce unused JS code<\/li>\n<\/ul>\n\n<h4>6.4.2<\/h4>\n\n<ul>\n<li>added link to Bootstrap documentation in Bootstrap configuration admin screen for Options<\/li>\n<li>added helper texts in Bootstrap configuration admin screen - just hover on Imports title or individual Imports items to see what they contains<\/li>\n<\/ul>\n\n<h4>6.4.1<\/h4>\n\n<ul>\n<li>fix previews for site editor templates<\/li>\n<\/ul>\n\n<h4>6.4<\/h4>\n\n<ul>\n<li>tested on WP 6.4<\/li>\n<li>removed loadash script dependency<\/li>\n<\/ul>\n\n<h4>6.3.1<\/h4>\n\n<ul>\n<li>fix tabs on focus activation<\/li>\n<\/ul>\n\n<h4>6.3<\/h4>\n\n<ul>\n<li>tested on WP 6.3<\/li>\n<li>skipped version 6.2 - from now on the plugin version first two numbers will be same as the current WordPress version<\/li>\n<li>fixed CSS variables --snap and --bs-offset for smallest devices - they were twice as big<\/li>\n<\/ul>\n\n<h4>6.1<\/h4>\n\n<ul>\n<li>=== BREAKING CHANGES FOR TABS !!! with easy fix:<\/li>\n<li>TO FIX TABS IN EDITOR USE THE \"Attempt Block Recovery\" BUTTON, BUT IT WILL WORK ONLY FOR PARENT TABS WRAPPER<\/li>\n<li>TO FIX TABS ITEMS THEN, JUST MOVE ANY TAB ITEM TO LEFT OR RIGHT AND IT WILL FIX ALL THE TABS ITEMS AUTOMATICALLY ( \"Attempt Block Recovery\" button will not work for tabs items )<\/li>\n<li>you can then move the tab item back of course<\/li>\n<li>REASON: tabs now have generated unique IDs, so it will never have an duplicated ID or missing ID because of non-latin characters<\/li>\n<\/ul>\n\n<h4>6.0<\/h4>\n\n<ul>\n<li>newly created container has default paragraph block<\/li>\n<li>added controls for position and z-index<\/li>\n<li>remove redundant dependencies and imports in JS<\/li>\n<li>optimize code<\/li>\n<\/ul>\n\n<h4>5.0<\/h4>\n\n<ul>\n<li>added controls for flex containers and items<\/li>\n<\/ul>\n\n<h4>4.0<\/h4>\n\n<ul>\n<li>optimize for new theme.json themes<\/li>\n<\/ul>\n\n<h4>3.0<\/h4>\n\n<ul>\n<li>Bootstrap 5.2.3<\/li>\n<li>new custom breakpoints control<\/li>\n<li>new admin to configure Bootstrap and recompile SCSS<\/li>\n<li>new container block<\/li>\n<li>new option to disable .is-layout-constrained class for fullwidth group block<\/li>\n<li>new option to disable .container class for fullwidth group block and cover block<\/li>\n<\/ul>\n\n<h4>2.5<\/h4>\n\n<ul>\n<li>Bootstrap 5.2.2<\/li>\n<li>render spacing CSS in head instead of body<\/li>\n<li>enable custom classes for all blocks<\/li>\n<\/ul>\n\n<h4>2.4<\/h4>\n\n<ul>\n<li>autofocus input when row block added<\/li>\n<li>fix custom attributes for ServerSideRender<\/li>\n<\/ul>\n\n<h4>2.3<\/h4>\n\n<ul>\n<li>fix group inner container inside nested groups for WP 6.0<\/li>\n<\/ul>\n\n<h4>2.2<\/h4>\n\n<ul>\n<li>tested on WP 6.0<\/li>\n<li>fix missing accordion item ID for first save<\/li>\n<li>added option to set accordion item collapse button wrapper tag for SEO reasons<\/li>\n<li>added indicator for elements with custom margin or\/and padding in editor<\/li>\n<\/ul>\n\n<h4>2.1<\/h4>\n\n<ul>\n<li>change accordion item ID logic to prevent duplicate IDs - you may need to click on Attempt Recovery<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>fix group inner container inside nested groups for Gutenberg 12.9<\/li>\n<\/ul>\n\n<h4>1.9<\/h4>\n\n<ul>\n<li>fix group inner container for Gutenberg 12.9<\/li>\n<\/ul>\n\n<h4>1.8<\/h4>\n\n<ul>\n<li>fix for widgets scrren<\/li>\n<\/ul>\n\n<h4>1.7<\/h4>\n\n<ul>\n<li>tested on WP 5.9<\/li>\n<li>fix blocks metadata to make it works with block managers<\/li>\n<\/ul>\n\n<h4>1.6<\/h4>\n\n<ul>\n<li>instant breakpoint tab switch on all open and closed instances<\/li>\n<li>fix col- class to col for xs auto grow<\/li>\n<\/ul>\n\n<h4>1.5<\/h4>\n\n<ul>\n<li>remember selected breakpoint tab<\/li>\n<li>fix __experimentalUseInnerBlocksProps for Gutenberg 11.9+<\/li>\n<\/ul>\n\n<h4>1.4<\/h4>\n\n<ul>\n<li>Bootstrap 5.1.3<\/li>\n<li>fix stretched-link className check<\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>always load bootstrap-blocks css<\/li>\n<li>new Layout control for Tabs (vertical\/horizontal)<\/li>\n<li>fix tabs text style appearance for older browsers<\/li>\n<li>fix type check for bsSpacing, bsAlignment, bsSnapping, bsDisplay - issue with widgets<\/li>\n<li>optimized for FSE - snapping - getBoundingClientRect error<\/li>\n<li>optimized for FSE - spacing - universal CSS selector<\/li>\n<li>optimized for FSE - tabs - remove href=\"#\" on links in editor<\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>new display property extension - display per breakpoints, print display, logged in\/out display<\/li>\n<li>new text format uppercase<\/li>\n<li>new text format lowercase<\/li>\n<li>new text format capitalize<\/li>\n<li>new text format stretched link<\/li>\n<li>new toolbar button for Nonbreaking space<\/li>\n<li>new toolbar button for Soft hyphen<\/li>\n<li>move left\/right controls for tabs<\/li>\n<li>global shortcuts shift+alt+[1..7] to switch between paragraph and headings levels - same as in classic editor (tinymce wysiwyg)<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>new Alignment controls<\/li>\n<li>new Accordion block<\/li>\n<li>new Tabs block<\/li>\n<li>fix snapping in editor<\/li>\n<li>load bootstrap css earlier in the editor, so it will not override user editor styles<\/li>\n<li>fix media queries order for Spacing in editor<\/li>\n<li>replace cover block and group block inner container with bootstrap container<\/li>\n<li>optimize JS code<\/li>\n<li>tested on WP 5.8<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Release<\/li>\n<\/ul>","raw_excerpt":"Fully responsive Bootstrap 5 blocks, components and extends for Gutenberg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/144228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=144228"}],"author":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/kubiq"}],"wp:attachment":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=144228"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=144228"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=144228"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=144228"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=144228"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=144228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}