Title: Gutenstrap Blocks
Author: Vitaly Kasymov
Published: <strong>7. Juni 2019</strong>
Last modified: 9. Juni 2019

---

Plugins suchen

![](https://ps.w.org/gutenstrap-blocks/assets/banner-772x250.png?rev=2102099)

Dieses Plugin wurde **nicht mit den 3 neuesten Hauptversionen von WordPress getestet**.
Es wird möglicherweise nicht mehr gepflegt oder unterstützt und kann bei der Verwendung
mit neueren WordPress-Versionen zu Kompatibilitätsproblemen führen.

![](https://ps.w.org/gutenstrap-blocks/assets/icon.svg?rev=2102099)

# Gutenstrap Blocks

 Von [Vitaly Kasymov](https://profiles.wordpress.org/eolant/)

[Herunterladen](https://downloads.wordpress.org/plugin/gutenstrap-blocks.zip)

 * [Details](https://de.wordpress.org/plugins/gutenstrap-blocks/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/gutenstrap-blocks/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/gutenstrap-blocks/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/gutenstrap-blocks/#developers)

 [Support](https://wordpress.org/support/plugin/gutenstrap-blocks/)

## Beschreibung

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.

## Rezensionen

![](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/) 26. Februar 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/) 6. September 2019 2 Antworten

does not completely work correctly Column sizes not work properly. Otherwise it’s
great.

 [ Alle 2 Rezensionen lesen ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/)

## Mitwirkende und Entwickler

„Gutenstrap Blocks“ ist Open-Source-Software. Folgende Menschen haben an diesem 
Plugin mitgewirkt:

Mitwirkende

 *   [ Vitaly Kasymov ](https://profiles.wordpress.org/eolant/)

„Gutenstrap Blocks“ wurde in 1 Sprache übersetzt. Danke an [die Übersetzer](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks/contributors)
für ihre Mitwirkung.

[Übersetze „Gutenstrap Blocks“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/gutenstrap-blocks/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/gutenstrap-blocks/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/)
per [RSS](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 1.0

 * Initial release.

## Meta

 *  Version **1.0.0**
 *  Zuletzt aktualisiert **vor 7 Jahren**
 *  Aktive Installationen **50+**
 *  WordPress-Version ** 5.2 oder höher **
 *  Getestet bis **5.2.24**
 *  PHP-Version ** 5.6 oder höher **
 *  Sprachen
 * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/gutenstrap-blocks/) und
   [English (US)](https://wordpress.org/plugins/gutenstrap-blocks/).
 *  [Übersetze in deine Sprache](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks)
 * Schlagwörter
 * [bootstrap](https://de.wordpress.org/plugins/tags/bootstrap/)[bootstrap 4](https://de.wordpress.org/plugins/tags/bootstrap-4/)
   [gutenberg](https://de.wordpress.org/plugins/tags/gutenberg/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/gutenstrap-blocks/advanced/)

## Bewertungen

 4 von 5 Sternen.

 *  [  1 5-Sterne-Rezension     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=5)
 *  [  0 4-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=4)
 *  [  1 3-Sterne-Rezension     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=3)
 *  [  0 2-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=2)
 *  [  0 1-Sterne-Rezensionen     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/)

## Mitwirkende

 *   [ Vitaly Kasymov ](https://profiles.wordpress.org/eolant/)

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/gutenstrap-blocks/)

## Spenden

Möchtest du die Weiterentwicklung dieses Plugins unterstützen?

 [ Für dieses Plugin spenden ](https://www.patreon.com/eolant)