Joe Bailey-Roberts

<p>Responsive Grid Layout Blocks (Bootstrap 4) brings the power of <a href="https://getbootstrap.com/" rel="nofollow ugc">Bootstrap 4</a> and its layout grid to the Gutenberg editor.</p>
<h3>How does it work?</h3>
<p>After activating the plugin, you’ll see the option to add Bootstrap containers, rows and columns within the editor.</p>
<h3>Acknowledgements</h3>
<p>This project was bootstrapped with <a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">Create Guten Block</a>.</p>
<h3>Update Notice</h3>
<h4>1.5</h4>
<ul>
<li>This is a breaking update due to the renaming of blocks.</li>
</ul>


Responsive Grid Layout Blocks (Bootstrap 4)

Bringing the power of Bootstrap 4 to the Gutenberg Editor

Munir Kamal

essamamdani

Andrew Worsfold

Enclavely

<p><a href="http://gettailor.com/" rel="nofollow ugc">Tailor</a> is a free frontend page builder for WordPress that features a simple and intuitive drag and drop interface.</p>
<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/tfMyLMuaXjI?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>
<blockquote>
<p>Check out the <strong><a href="https://wordpress.org/plugins/tailor-advanced/" rel="ugc">Advanced Features extension</a></strong> for new elements and features. Like Tailor, it’s absolutely free!</p>
</blockquote>
<p>To get started:</p>
<ul>
<li><a href="https://support.gettailor.com/hc/en-us/categories/202586427" rel="nofollow ugc">Read the user documentation</a>.</li>
<li><a href="https://github.com/Enclavely/tailor/blob/master/readme.md" rel="nofollow ugc">Read the overview of features and elements</a>.</li>
<li><a href="https://medium.com/@tailorwp" rel="nofollow ugc">Keep up-to-date with the blog</a>.</li>
</ul>
<h4>Easy to use</h4>
<ul>
<li>Add elements and create <a href="https://medium.com/@tailorwp/columns-on-steroids-df5a5a957d89" rel="nofollow ugc">nested columns</a> instantly in a single drag and drop movement.</li>
<li>Copy elements anywhere on the page by dragging and holding the Shift key.</li>
<li>Move content independently and have it adopt the style of its parent elements!</li>
<li>Save one or more elements as templates, then drag and drop them onto any page.</li>
<li>Change the appearance of any element using a set of carefully selected options.</li>
<li>Undo and redo actions using the History panel (or keyboard shortcuts).</li>
<li>Control global layout settings in the Customizer.</li>
<li>Control page specific layout settings and add custom CSS and JavaScript.</li>
<li>Preview your layouts on different device sizes and manage responsive behavior.</li>
<li>Supports WordPress features (multimedia, shortcodes and more).</li>
<li>Supports built-in and third-party widgets.</li>
<li>Supports multi-language and RTL layouts.</li>
</ul>
<p>Because Tailor works with any theme, choosing one that you like is now the hardest part of creating a website.</p>
<ul>
<li>Need to show off your creative side?  Try the free <a href="https://wordpress.org/plugins/tailor-portfolio/" rel="ugc">Portfolio extension</a>.</li>
<li>Have an online store?  Check out the free <a href="https://wordpress.org/plugins/tailor-woocommerce/" rel="ugc">WooCommerce extension</a>.</li>
<li>Are you a power user?  The free <a href="https://wordpress.org/plugins/tailor-advanced/" rel="ugc">Advanced Features extension</a> is for you!</li>
</ul>
<h4>Easy to extend</h4>
<p>Tailor is open source and built based on WordPress’ coding standards and best practices.  Everything from the code base to the user interface integrate perfectly with WordPress. The plugin features:</p>
<ul>
<li>A comprehensive set of <a href="https://github.com/Enclavely/tailor/blob/master/actions.md" rel="nofollow ugc">actions</a> and <a href="https://github.com/Enclavely/tailor/blob/master/filters.md" rel="nofollow ugc">filters</a>.</li>
<li>An API for adding, changing or removing elements.</li>
<li>An API for adding, changing or removing settings and controls.</li>
<li>A <a href="https://github.com/Enclavely/tailor/blob/master/api.md" rel="nofollow ugc">REST API</a> to manage elements, templates and models.</li>
</ul>
<h4>Need more information?</h4>
<ul>
<li>Check out our example of how to extend Tailor <a href="https://github.com/Enclavely/tailor-sample-theme" rel="nofollow ugc">using a theme</a>.</li>
<li>Check out our example of how to extend Tailor <a href="https://github.com/Enclavely/tailor-sample-extension" rel="nofollow ugc">using a plugin</a>.</li>
<li><a href="https://support.gettailor.com/hc/en-us/categories/203117247" rel="nofollow ugc">Read the developer documentation</a>.</li>
</ul>
<h4>Want to help?</h4>
<ul>
<li>Contribute to the <a href="https://translate.wordpress.org/projects/wp-plugins/tailor" rel="nofollow ugc">WordPress Translation project</a>.</li>
<li>Provide your feedback and suggestions through <a href="https://www.facebook.com/tailorwp/" rel="nofollow ugc">Facebook</a> or <a href="https://twitter.com/tailorwp" rel="nofollow ugc">Twitter</a>.</li>
<li>Get involved in the <a href="https://github.com/Enclavely/tailor" rel="nofollow ugc">GitHub project</a>.</li>
<li>If you like the plugin, please <a href="https://wordpress.org/support/view/plugin-reviews/tailor?rate=5#postform" rel="ugc">submit a review</a>.</li>
</ul>


Tailor Page Builder

Young and upcoming page builder that looks to have a promissing future!

Very Promissing

Build beautiful layouts for your content faster and easier than ever before using your favourite theme!

Responsive Grid Layout Blocks (Bootstrap 4) vs Tailor Page Builder