kubiq

<p>Fully responsive Bootstrap 5 blocks, components and extends for Gutenberg</p>
<p>Now you can use Gutenberg editor as full-featured website builder.</p>
<p>Thanks to Bootstrap 5 – the world’s 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>
<p>You can use Bootstrap row and columns blocks with detailed settings for each breakpoint and autocomplete extension for bootstrap classes</p>
<ul>
<li>Option to load Bootstrap 5 css to editor from plugin if your theme doesn’t contain it</li>
<li>Option to load Bootstrap 5 css to frontent from plugin if your theme doesn’t contain it</li>
<li>Option to load Bootstrap 5 js to frontent from plugin if your theme doesn’t contain it</li>
<li>Option to automatically add .container class to inner container of fullwidth group or cover block</li>
<li>Option to remove .is-layout-constrained class from fullwidth group block</li>
<li>Custom breakpoints control – add, remove or change any breakpoint</li>
<li>Optimize Bootstrap CSS file by disabling not needed options and parts of Bootstrap</li>
<li>Bootstrap container block</li>
<li>
        Bootstrap row block</p>
<ul>
<li>Use quick selector to instantly select row while editing</li>
<li>Use predefined layouts</li>
<li>Generate custom layout instantly just by adding columns counts, eg. 2+8+2</li>
<li>Use any amount of columns</li>
<li>
                Use 6 different breakpoints to setup:</p>
<ul>
<li>Vertical alignment (align-items-*)</li>
<li>Horizontal alignment (justify-content-*)</li>
<li>Gutter (g-*)</li>
<li>Row columns (row-columns-*)</li>
</ul>
</li>
</ul>
</li>
<li>
        Bootstrap column block</p>
<ul>
<li>Use quick selector to instantly select column while editing</li>
<li>
                Use 6 different breakpoints to setup:</p>
<ul>
<li>Size (col-*)</li>
<li>Offset (offset-*)</li>
<li>Order (order-*)</li>
<li>Vertical alignment (align-self-*)</li>
</ul>
</li>
</ul>
</li>
<li>
        Bootstrap accordion block</p>
<ul>
<li>Two styles – default and flush</li>
<li>Always open option</li>
<li>First open on load option</li>
<li>Unlimited amount of accordion items</li>
<li>Unlimited accordion item inner blocks content</li>
</ul>
</li>
<li>
        Bootstrap tabs block</p>
<ul>
<li>Three styles – tabs, pills and text</li>
<li>Possibility to reorder tabs</li>
<li>Possibility to add and remove tabs</li>
<li>Unlimited amount of tabs items</li>
<li>Unlimited tab item inner blocks content</li>
</ul>
</li>
<li>Component for margin and padding Spacing for any block for 6 different breakpoints</li>
<li>Component for Display visibility – display per breakpoints, print display, logged in/out display</li>
<li>Component for Size – width, min-width, max-width, height, min-height, max-height, aspect-ratio for every breakpoint</li>
<li>Component for Flex properties – control flex containers and item</li>
<li>Component for Position properties – control position and z-index</li>
<li>Component for Snapping for group block, so you can push some content out of container (or just background)</li>
<li>Component for Alignment, so you can align your text to the left for PC but to the center for mobile</li>
<li>Component for autocomplete Bootstrap classes</li>
<li>Extended formats – uppercase, capitalize, lowercase, stretched-link, mark, non-breaking space (nbsp) and soft-hypen (shy) inserter</li>
<li>Extended shortcuts – shift+alt+[1..7] to switch between paragraph and headings levels – same as in classic editor (tinymce wysiwyg)</li>
</ul>


Block Editor Bootstrap Blocks

The best plugin to implement bootstrap with gutenberg. Many many thanks

Best plugin


If you're looking for a bootstrap blocks plugin, choose this one


Top bootstrap plugin and super responsiveness from kubiq

Fully responsive Bootstrap 5 blocks, components and extends for Gutenberg

Jewel Theme

Liton Arefin

<p><a href="https://master-addons.com/demos/custom-breakpoints/" rel="nofollow ugc">Custom Breakpoints for Elementor</a> assist you to target any kind of Devices like Mobile, Tablet, Laptop, Desktop responsive value to design your pages for those devices.</p>
<blockquote>
<p>17+ default breakpoints<br />
  Works Exact same as Elementors Breakpoints<br />
  No Breakpoints Limits (Unlitimited)<br />
  Drag & Drop Sorting Breakpoints<br />
  Export Option<br />
  Import Option<br />
  Reset Option<br />
  Multisite Supports</p>
</blockquote>
<p>Elementor Breakpoints will help you to create a responsive website perfectly fit to any device. By default, there are three breakpoints in Elementor. But it’s not enough when you try to target devices with their specific min – max width.</p>
<blockquote><p>
  <a href="https://wordpress.org/plugins/master-addons/" rel="ugc">Master Addons for Elementor</a></p>
<p>Don’t forget to check our Exclusive & must have Elementor Addons which includes 40+ Addons, 10+ Extensions & 10+ Landing Pages.<br />
  <a href="https://master-addons.com/all-widgets/" rel="nofollow ugc">All Addons</a> | <a href="https://master-addons.com/contact-us/" rel="nofollow ugc">Support</a> | <a href="https://master-addons.com/docs/" rel="nofollow ugc">Docs</a> | <a href="https://www.youtube.com/watch?v=vWGWzuRKIss" rel="nofollow ugc">Tutorials</a> | <a href="http://bit.ly/32n5dXS" rel="nofollow ugc">Upgrade Pro</a></p>
</blockquote>
<p>This Custom Breakpoint plugin will help you to set a specific property of elements for your custom made breakpoint. Just install and activate the plugin and you able to see a new option inside elementor called “Breakpoints”.</p>
<p>Set your desired device value in the breakpoint and arrange pages properly.</p>
<h3>Elementor Custom Breakpoints</h3>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JGdmeUrzaxA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Features of the plugin</h4>
<ul>
<li>Get 3 Breakpoint (Free)</li>
<li>Set Desired Orientation</li>
<li>Name your devices</li>
<li>Width or Height selection</li>
<li>Add Unlimited Breakpoint (Pro)</li>
<li>Import & Export (Pro)</li>
<li>Multisite Supported</li>
</ul>
<p>To use “Elementor Custom Breakpoints” you will have to activate Elementor plugin. We’ve given options also if you don’t have Installed Elementor Plugin.</p>
<p>Here is the Download link for <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> WordPress Plugin.</p>
<h3>Common Problems with Solutions:</h3>
<p>Elementor not loading problem<br />
– There are various reasons for Elementor not loading issue. For more details please check the Tutorial below.<br />
Increasing PHP Memory limit from wp-config.php or php.ini file is simplest solutions. But there are others too –<br />
<a href="https://master-addons.com/elementor-editor-not-loading-issue/" rel="nofollow ugc">View Tutorial</a></p>
<h3>Liked Custom Breakpoints for Elementor?</h3>
<p>Rate us on <a href="https://wordpress.org/plugins/custom-breakpoints-for-elementor/#new-post" rel="ugc">WordPress Forum 🙂</a></p>
<h3>Support</h3>
<p>Join our <a href="https://www.facebook.com/groups/2495256720521297/" rel="nofollow ugc">Master Addons Community</a><br />
Learn from our Tutorials on <a href="https://www.youtube.com/channel/UCAPfTXvzbNebKsB322Iz6HQ" rel="nofollow ugc">Youtube Channel</a><br />
Like on our <a href="https://www.facebook.com/masteraddons/" rel="nofollow ugc">Facebook Fan Page</a><br />
Get Faster Support from Website <a href="https://master-addons.com/contact-us/" rel="nofollow ugc">Website Contact Form</a></p>


Custom Breakpoints for Elementor

this plugin is just waste of time, does not even allow user to add 1 breakpoint for elementor

waste of time

Elementor Custom Breakpoint will help you to set your custom responsive value and design your pages. Get more responsive control for your elementor ed …

Block Editor Bootstrap Blocks vs Custom Breakpoints for Elementor