Title: Bootstrap Blocks for WP Editor v2
Author: 3D Virge
Published: <strong>2019 年 2 月 20 日</strong>
Last modified: 2024 年 12 月 26 日

---

搜索插件

![](https://ps.w.org/wp-editor-bootstrap-blocks/assets/banner-772x250.png?rev=2538514)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/wp-editor-bootstrap-blocks/assets/icon-256x256.png?rev=2538514)

# Bootstrap Blocks for WP Editor v2

 作者：[3D Virge](https://profiles.wordpress.org/virgial/)

[下载](https://downloads.wordpress.org/plugin/wp-editor-bootstrap-blocks.2.5.1.zip)

 * [详情](https://cn.wordpress.org/plugins/wp-editor-bootstrap-blocks/#description)
 * [评价](https://cn.wordpress.org/plugins/wp-editor-bootstrap-blocks/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/wp-editor-bootstrap-blocks/#developers)

 [支持](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/)

## 描述

The essential WP Editor Plugin for Bootstrap websites. Fully manageable responsive
containers, rows and columns. Developers and editors easily create and edit bootstrap
pages within the WP Editor. Without coding. Works perfectly in combination with 
loads of other plugins.

**Use it with self-developed Bootstrap themes or regular themes!**

Whether you want to set up a complete Bootstrap WordPress site or just want to quickly
set up a temporary page. The Bootstrap blocks for WP Editor plugin enables you to
make use of your activated WordPress theme. But you can also choose to start without
the header and footer and start with a fresh page. Without any header and footer.
It’s all up to you.

**Features of Bootstrap Blocks for WP Editor v2:**

**NEW! in v2:**

 * Align columns in row: left, center and right
 * Set visibility of columns per breakpoint
 * Set order of each column per breakpoint
 * Container wrapper: full width background colours and set additional class
 * Container and column background color option
 * Bootstrap button
 * Independent text parts colouring
 * Responsive spacer colouring
 * Responsive spacer visibility per breakpoint
 * Optimized for Bootstrap 5.3
 * Editor: adjustable view width (up to 100% of screen width)
 * Editor: collapse containers, rows and columns for better overview
 * Editor: view columns vertical and horizontal
 * Editor: breakpoint labels for quick overview

**Features that were already there:**

 * Insert containers, rows and columns in the WP Editor
 * Use the WP Editor blocks in the Bootstrap grid
 * Seamless integration with themes that use Bootstrap grid
 * Seamless integration with themes that do not use Bootstrap grid
 * Set overall identity colours and apply these in WP Editor
 * Option: start with empty ‘Bootstrap Page’ template
 * Option: enable Bootstrap grid from plugin dashboard
 * Option: wrap page title in Bootstrap grid on ‘Bootstrap page’ template pages
 * Option: hide default page title on ‘Bootstrap page’ template pages
 * Collapse containers for clear overview in the Editor
 * Add labels to containers for clear overview in the Editor

**Extra Features of the Design Package add-on:**

 * Set column use for all (6) Bootstrap breakpoints
 * Use of standard Bootstrap classes (such as mx-auto)
 * Responsive Spacer Block (not pixel based, but screen size based)
 * Suppress default header and footer on ‘Bootstrap page’ template pages
 * Full control over gutter setting
 * Make use of fluid containers
 * Lock container layouts to avoid unintended changes by editors
 * Editor: custom CSS code editor for adding css only to current post-item

More information [on our website](https://bootstrapblocks.io/)

### Requirements:

 * WordPress 6.0 and up
 * Bootstrap 4.0 and up

### Installation:

Add the free Bootstrap blocks for WP Editor plugin via your WordPress plugins page:

 1. On the ‘Plugins’ page: click on “add new”
 2. Search “Bootstrap blocks for WP Editor”
 3. Click “install now”
 4. Activate Bootstrap blocks for WP Editor on the ‘Plugins’ page

Or download it on the WordPress Plugins page and install manually:

 1. On the ‘Plugins’ page: click on “add new”
 2. Click on “Upload Plugin”
 3. Choose the downloaded file on your hard drive
 4. Click “install now”

## 屏幕截图

[⌊Bootstrap template page⌉⌊Bootstrap template page⌉[

Bootstrap template page

[⌊Bootstrap page and editor options⌉⌊Bootstrap page and editor options⌉[

Bootstrap page and editor options

[⌊Name container and options⌉⌊Name container and options⌉[

Name container and options

[⌊Column breakpoint hidden order⌉⌊Column breakpoint hidden order⌉[

Column breakpoint hidden order

[⌊Column views horizontal and vertical⌉⌊Column views horizontal and vertical⌉[

Column views horizontal and vertical

[⌊fluid rows + columns⌉⌊fluid rows + columns⌉[

fluid rows + columns

[⌊Wrapper container full page width⌉⌊Wrapper container full page width⌉[

Wrapper container full page width

[⌊Bootstrap classes⌉⌊Bootstrap classes⌉[

Bootstrap classes

[⌊Dashboard total⌉⌊Dashboard total⌉[

Dashboard total

[⌊Collapse views Containers, rows and columns⌉⌊Collapse views Containers, rows and
columns⌉[

Collapse views Containers, rows and columns

[⌊Breakpoint tags⌉⌊Breakpoint tags⌉[

Breakpoint tags

## 区块

该插件提供了 3 个区块.

 *   Gtb Bootstrap Container
 *   Gtb Bootstrap Row
 *   Gtb Bootstrap Column

## 常见问题

### Is it active right away?

Yes, after activating you can start right away with building bootstrap-based pages.

### What themes work with Bootstrap blocks for WP Editor?

All themes. By using the Bootstrap page template you can create loads of independent
pages based on the bootstrap grid. With some themes (Bootstrap and standard WordPress
themes) it’s possible to make use of the themes’ headers and footers.

### Can I use this plugin for multisite?

Yes. This plugin works on multisite environments.

### Is the plugin free?

Yes, and you can do a lot of work with it! The full featured Design Package add-
on is available for purchase on our website [on our website](http://bootstrapblocks.io/)

### Where can I ask for support?

Please visit our website and drop your questions [on our website](http://bootstrapblocks.io/)

### Do you need to be a developer to comprehend the use of this plugin?

No. Developers and editors easily create and edit bootstrap pages within the WP 
Editor. There’s no coding required.

## 评价

![](https://secure.gravatar.com/avatar/372b78145a0850c5aa63b9d053bd26b78ccfb216c8530dc1ae9771c4f941ffc9?
s=60&d=retro&r=g)

### 󠀁[Not usable at all](https://wordpress.org/support/topic/not-usable-at-all/)󠁿

 [wpdude777](https://profiles.wordpress.org/wpdude777/) 2022 年 8 月 12 日

What is it? You can add a BUTTON in a free version of this plugin. a BUTTON! Do 
not waste your time by downloading this

![](https://secure.gravatar.com/avatar/b23598064573cc60567b2d68739be10182ac78c4abeed1e48d38b407501d97c5?
s=60&d=retro&r=g)

### 󠀁[The Bootstrap plugin](https://wordpress.org/support/topic/the-bootstrap-plugin/)󠁿

 [francisdonatello](https://profiles.wordpress.org/francisdonatello/) 2021 年 5 
月 30 日

I like this way to build pages within de Wordpress editor based on my own developed
Bootstrap themes. Great job. Offers a lot more tooling than competitors. Free version
is a kind of pushy though. Maybe you should remove the adverts in the editor?

![](https://secure.gravatar.com/avatar/cc93b3d1cda05d057d37c8a5ebbe87d54a3ac912cb41ecc194c4440dd4874e89?
s=60&d=retro&r=g)

### 󠀁[Look like [bad stuff]](https://wordpress.org/support/topic/look-like-badstuff/)󠁿

 [azergzlli](https://profiles.wordpress.org/azergzlli/) 2020 年 10 月 5 日 1 回复

not contain anythink

![](https://secure.gravatar.com/avatar/1da2c9747ff793ab0bf2015776c3a35af9f8c256933c5410b1f71a8326d99659?
s=60&d=retro&r=g)

### 󠀁[It’s Realy Help me. Bootstrap + Gutenberg + ACF Block solved!](https://wordpress.org/support/topic/its-realy-help-me/)󠁿

 [shaid85](https://profiles.wordpress.org/shaid85/) 2020 年 6 月 2 日

it added row and col class successfully, which I need. I am using ACF Block.

![](https://secure.gravatar.com/avatar/25e1a73961052a1fc288f15e37f698976e7799196390c0ac1ff54f4314aa1955?
s=60&d=retro&r=g)

### 󠀁[Free version is unusable. Very limited.](https://wordpress.org/support/topic/free-version-is-unusable-very-limited/)󠁿

 [betagoo](https://profiles.wordpress.org/betagoo/) 2019 年 9 月 4 日

Free version is unusable. Very limited. Better use Gutenstrap Blocks https://wordpress.
org/plugins/gutenstrap-blocks/

![](https://secure.gravatar.com/avatar/d931e00ab4f707e2dde04a84a4d34b65ea35a8640e303734614dcd1b9fc13b54?
s=60&d=retro&r=g)

### 󠀁[This version already has a lot of nice stuff 🙂](https://wordpress.org/support/topic/this-version-already-has-a-lot-of-nice-stuff/)󠁿

 [onqi](https://profiles.wordpress.org/onqi/) 2019 年 4 月 29 日 1 回复

Don’t know about the previous version?! but this version is great for me. I can 
add classes to the columns, add different rows and set multiple breakpoints :-).
Don’t need more for now. Like to know what ‘Lock container layout for editor’ means
do (grayed out). Can’t find anything about it. Keep up the good work guys!

 [ 阅读所有8条评价 ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/)

## 贡献者及开发者

「Bootstrap Blocks for WP Editor v2」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ 3D Virge ](https://profiles.wordpress.org/virgial/)

[帮助将「Bootstrap Blocks for WP Editor v2」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/wp-editor-bootstrap-blocks)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/wp-editor-bootstrap-blocks/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/wp-editor-bootstrap-blocks/)，或
通过[RSS](https://plugins.trac.wordpress.org/log/wp-editor-bootstrap-blocks/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/wp-editor-bootstrap-blocks/)。

## 更新日志

#### 2.5.1

 * Security and bug fixes.

#### 2.5.0

 * Bug fixes and compatibility adjustments for optimal user experience with the 
   latest WordPress editor version
 * Added visible units in responsive spacer
 * updated the colour selectors and moved them to the styles tab
 * Added alpa coloring
 * Added a custom code texture for adding custom css in the head.
 * Optimized layouts in the editor
 * Added XXL columns screen-size and visibility support
 * Refactored the locked layout. Locking wil now show a more compacted layout in
   the editor.

#### 2.2.0

 * Fixed colour issues
 * Minor bugs fixes
 * Responsive spacer exended with multiple units
    • Fixed default inserted containers
   not containing any columns in WordPress > 6.1.1

#### 2.1.0

 * Added support for multisite environment
 * Minor bugs fixes

#### 2.0.2

 * Fix missing toggle in editor role

#### 2.0.1

 * Small visual css bugfix

#### 2.0.0

Added
 * Align columns in row: left, center and right * Set visibility of columns
per breakpoint * Set order of each column per breakpoint * Container wrapper: full
width background colours and set additional class * Container and column background
color option * Bootstrap button * Independent text parts colouring * Responsive 
spacer colouring * Responsive spacer visibility per breakpoint * Optimized for Bootstrap
5.0 * Editor: adjustable view width (up to 100% of screen width) * Editor: collapse
containers, rows and columns for better overview * Editor: view columns vertical
and horizontal * Editor: breakpoint labels for quick overview

#### 1.3.2

Added
 * Extra options unlocked in free version * Collapse containers option for
clear overview in the Editor * Add labels to containers for clear overview in the
Editor * Lock container layouts to avoid unintended changes by editors * More clear
layout of settings page * Enhanced row percentage settings * Enhanced responsive
spacer block

#### 1.2.0

First live version.

#### 0.1.9

 * It all starts here.

## 额外信息

 *  版本 **2.5.1**
 *  最后更新：**1 年前**
 *  活跃安装数量 **300+**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **6.7.5**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/wp-editor-bootstrap-blocks/)
 * 标签
 * [blocks](https://cn.wordpress.org/plugins/tags/blocks/)[bootstrap](https://cn.wordpress.org/plugins/tags/bootstrap/)
   [breakpoints](https://cn.wordpress.org/plugins/tags/breakpoints/)[container](https://cn.wordpress.org/plugins/tags/container/)
   [page builder](https://cn.wordpress.org/plugins/tags/page-builder/)
 *  [高级视图](https://cn.wordpress.org/plugins/wp-editor-bootstrap-blocks/advanced/)

## 评级

 3 星（最高 5 星）。

 *  [  4 条 5 星评价     ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=2)
 *  [  4 条 1 星评价     ](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/?filter=1)

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

[查看全部评论](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/reviews/)

## 贡献者

 *   [ 3D Virge ](https://profiles.wordpress.org/virgial/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/wp-editor-bootstrap-blocks/)