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

---

Buscar plugins

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

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

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

# Gutenstrap Blocks

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

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

 * [Detalles](https://es.wordpress.org/plugins/gutenstrap-blocks/#description)
 * [Valoraciones](https://es.wordpress.org/plugins/gutenstrap-blocks/#reviews)
 *  [Instalación](https://es.wordpress.org/plugins/gutenstrap-blocks/#installation)
 * [Desarrollo](https://es.wordpress.org/plugins/gutenstrap-blocks/#developers)

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

## Descripción

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

## Capturas

 * [[
 * Easily create your grid layout however complex you need.
 * [[
 * Button component.
 * [[
 * Alert component built in line with Bootstrap 4 documentation.

## Instalación

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.

## Reseñas

![](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 de febrero de 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 de septiembre de 2019 2 respuestas

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

 [ Leer todas las 2 reseñas ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/)

## Colaboradores y desarrolladores

«Gutenstrap Blocks» es un software de código abierto. Las siguientes personas han
colaborado con este plugin.

Colaboradores

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

«Gutenstrap Blocks» está traducido en 1 idioma. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks/contributors)
por sus contribuciones.

[Traduce «Gutenstrap Blocks» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/gutenstrap-blocks/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/gutenstrap-blocks/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/)
por [RSS](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0

 * Initial release.

## Meta

 *  Versión **1.0.0**
 *  Última actualización **hace 7 años**
 *  Instalaciones activas **50+**
 *  Versión de WordPress ** 5.2 o superior **
 *  Probado hasta **5.2.24**
 *  Versión de PHP ** 5.6 o superior **
 *  Idiomas
 * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/gutenstrap-blocks/) y [English (US)](https://wordpress.org/plugins/gutenstrap-blocks/).
 *  [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks)
 * Etiquetas:
 * [bootstrap](https://es.wordpress.org/plugins/tags/bootstrap/)[bootstrap 4](https://es.wordpress.org/plugins/tags/bootstrap-4/)
   [gutenberg](https://es.wordpress.org/plugins/tags/gutenberg/)
 *  [Vista avanzada](https://es.wordpress.org/plugins/gutenstrap-blocks/advanced/)

## Valoraciones

 4 de 5 estrellas.

 *  [  1 valoración de 5 estrellas     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=5)
 *  [  0 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=4)
 *  [  1 valoración de 3 estrellas     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=1)

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

[Ver todas las valoraciones](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/gutenstrap-blocks/)

## Donar

¿Te gustaría apoyar el progreso de este plugin?

 [ Dona a este plugin ](https://www.patreon.com/eolant)