Title: Gutenstrap Blocks Author: Vitaly Kasymov Published: 2019 年 6 月 7 日 Last modified: 2019 年 6 月 9 日 --- 搜索插件 ![](https://ps.w.org/gutenstrap-blocks/assets/banner-772x250.png?rev=2102099) **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://ps.w.org/gutenstrap-blocks/assets/icon.svg?rev=2102099) # Gutenstrap Blocks 作者：[Vitaly Kasymov](https://profiles.wordpress.org/eolant/) [下载](https://downloads.wordpress.org/plugin/gutenstrap-blocks.zip) * [详情](https://cn.wordpress.org/plugins/gutenstrap-blocks/#description) * [评价](https://cn.wordpress.org/plugins/gutenstrap-blocks/#reviews) * [安装](https://cn.wordpress.org/plugins/gutenstrap-blocks/#installation) * [开发进展](https://cn.wordpress.org/plugins/gutenstrap-blocks/#developers) [支持](https://wordpress.org/support/plugin/gutenstrap-blocks/) ## 描述 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 ## 屏幕截图 * [[ * Easily create your grid layout however complex you need. * [[ * Button component. * [[ * Alert component built in line with Bootstrap 4 documentation. ## 安装 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 ## 常见问题 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. ## 评价 ![](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/) 2020 年 2 月 26 日 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/) 2019 年 9 月 6 日 2 回复 does not completely work correctly Column sizes not work properly. Otherwise it’s great. [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/) ## 贡献者及开发者 「Gutenstrap Blocks」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ Vitaly Kasymov ](https://profiles.wordpress.org/eolant/) 「Gutenstrap Blocks」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks/contributors) 为本插件所做的贡献。 [帮助将「Gutenstrap Blocks」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/gutenstrap-blocks/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/gutenstrap-blocks/)，或通过[RSS](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/gutenstrap-blocks/)。 ## 更新日志 #### 1.0 * Initial release. ## 额外信息 * 版本 **1.0.0** * 最后更新：**7 年前** * 活跃安装数量 **50+** * WordPress 版本 ** 5.2 或更高版本 ** * 已测试的最高版本为 **5.2.24** * PHP 版本 ** 5.6 或更高版本 ** * 语言 * [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/gutenstrap-blocks/) 和 [English (US)](https://wordpress.org/plugins/gutenstrap-blocks/). * [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/gutenstrap-blocks) * 标签 * [bootstrap](https://cn.wordpress.org/plugins/tags/bootstrap/)[bootstrap 4](https://cn.wordpress.org/plugins/tags/bootstrap-4/) [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/) * [高级视图](https://cn.wordpress.org/plugins/gutenstrap-blocks/advanced/) ## 评级 4 星（最高 5 星）。 * [ 1 条 5 星评价 ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=4) * [ 1 条 3 星评价 ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/gutenstrap-blocks/reviews/) ## 贡献者 * [ Vitaly Kasymov ](https://profiles.wordpress.org/eolant/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/gutenstrap-blocks/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.patreon.com/eolant)