Title: Gutenstrap Blocks Author: Vitaly Kasymov Published: June 7, 2019 Last modified: June 9, 2019 --- Search plugins ![](https://ps.w.org/gutenstrap-blocks/assets/banner-772x250.png?rev=2102099) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/gutenstrap-blocks/assets/icon.svg?rev=2102099) # Gutenstrap Blocks By [Vitaly Kasymov](https://profiles.wordpress.org/eolant/) [Download](https://downloads.wordpress.org/plugin/gutenstrap-blocks.zip) * [Details](https://test.wordpress.org/plugins/gutenstrap-blocks/#description) * [Reviews](https://test.wordpress.org/plugins/gutenstrap-blocks/#reviews) * [Installation](https://test.wordpress.org/plugins/gutenstrap-blocks/#installation) * [Development](https://test.wordpress.org/plugins/gutenstrap-blocks/#developers) [Support](https://wordpress.org/support/plugin/gutenstrap-blocks/) ## Description This plugin adds Bootstrap 4 components and grid layout to Gutenberg WordPress editor. It enhances editing experience focusing on making the most of library’s documented features. Combine power of Gutenberg and Bootstrap to create a layout of any complexity with ease! ### Supported Bootstrap blocks and formats: * **Container** – includes fluid container * **Row** – includes flexbox vertical and horizontal alignment classes and no gutters class * **Column** – allows to set equal sized columns, auto size, number column size and offset * **Button** – theme color selector, outline and block styles, small and large sizes * **Alert** – theme color selector, includes dismissible alerts and allows to nest other blocks * **Badge** – theme color selector, includes pill style _You can even nest rows!_ ### Bootstrap library CSS is included in the admin area to make editing in Gutenberg easier and styles are prefixed with `.bootstrap-styles` class. You can choose if you want to include to Bootstrap 4.3.1 on the front-end if you aren’t using Bootstrap based theme. ### Requirements * WordPress >= 5.2 * PHP >= 5.6 ## Screenshots * [[ * Easily create your grid layout however complex you need. * [[ * Button component. * [[ * Alert component built in line with Bootstrap 4 documentation. ## Installation Using CMS: 1. Go to “Plugins” “Add New” 1. Search “Gutenstrap Blocks” 1. Click“ Install Now” 1. Activate the plugin Manual: 1. Go to “Plugins” “Add New” 1. Click “Upload Plugin” 1. Select plugin file 1. Click “Install Now” 1. Activate the plugin ## FAQ Can I customize Bootstrap styles in the editor? Yes. Prefix your styles with `.bootstrap-styles` class and include prefixed Bootstrap 4 css on admin side. Example of how to prefix styles using SASS: `.bootstrap-styles { @import '~bootstrap/ scss/bootstrap'; } Will there be more blocks? Yes! Anything is possible with your support. ## Reviews ![](https://secure.gravatar.com/avatar/683a364973169d74ee1a14a3e1992903296a67d16c2c9b3faea67808c3bd862e? s=60&d=retro&r=g) ### 󠀁[In use with Understrap Child-Theme](https://wordpress.org/support/topic/in-use-with-understrap-child-theme/)󠁿 [tr1000](https://profiles.wordpress.org/tr1000/) February 26, 2020 Great plugin, works perfectly so far. ![](https://secure.gravatar.com/avatar/25e1a73961052a1fc288f15e37f698976e7799196390c0ac1ff54f4314aa1955? s=60&d=retro&r=g) ### 󠀁[Great plugin, but does not completely work correctly](https://wordpress.org/support/topic/the-best-plugin-in-this-time/)󠁿 [betagoo](https://profiles.wordpress.org/betagoo/) September 6, 2019 2 replies does not completely work correctly Column sizes not work properly. Otherwise it’s great. [ Read all 2 reviews ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/) ## Contributors & Developers “Gutenstrap Blocks” is open source software. The following people have contributed to this plugin. Contributors * [ Vitaly Kasymov ](https://profiles.wordpress.org/eolant/) “Gutenstrap Blocks” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks/contributors) for their contributions. [Translate “Gutenstrap Blocks” into your language.](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/gutenstrap-blocks/), check out the [SVN repository](https://plugins.svn.wordpress.org/gutenstrap-blocks/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/) by [RSS](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 * Initial release. ## Meta * Version **1.0.0** * Last updated **7 years ago** * Active installations **50+** * WordPress version ** 5.2 or higher ** * Tested up to **5.2.24** * PHP version ** 5.6 or higher ** * Languages * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/gutenstrap-blocks/) and [English (US)](https://wordpress.org/plugins/gutenstrap-blocks/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks) * Tags * [bootstrap](https://test.wordpress.org/plugins/tags/bootstrap/)[bootstrap 4](https://test.wordpress.org/plugins/tags/bootstrap-4/) [gutenberg](https://test.wordpress.org/plugins/tags/gutenberg/) * [Advanced View](https://test.wordpress.org/plugins/gutenstrap-blocks/advanced/) ## Ratings 4 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/) ## Contributors * [ Vitaly Kasymov ](https://profiles.wordpress.org/eolant/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/gutenstrap-blocks/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.patreon.com/eolant)