How-To Index
Build content block by block
Insert new blocks from gallery
Insert blocks custom grid
Rearrange, copy, delete blocks
Bootstrap Editor advanced mode
Custom block templates
Create custom block template
Update custom block template
Insert custom block from templates
Organize custom blocks templates
Share across websites
Composing block contents
Column system basics
Edit block structure
Set block background
Change block styles
Content alignment inside blocks
Mobile-ready content basics
Build responsive content
Editing HTML source code
Widgets and media
Widgets basics
Boostrap widgets
Image widgets
Image Editor
File Manager
Font Awesome
YouTube
Placeholder
Page embed
Typography basics
Text, paragraphs, headers
Links and anchors
Tables
Custom widget
Source code
Classes, styles, attributes
Working with breadcrumbs
Translator
AI Text

How to rearrange, copy and delete Bootstrap blocks in TinyMCE and CKEditor

All the blocks are placed in the content area of TinyMCE and CKEditor. They are stacked on top of each other, defining a linear sequence.

If you select a block by placing the caret inside it or clicking on any of its child elements, the context actions for the selected Bootstrap block are available.

These actions are located on the CKEditor/TinyMCE toolbar, in the N1ED sidebar.

Bootstrap toolbar in TinyMCE or CKEditor
Bootstrap toolbar in CKEditor/TinyMCE

In Advanced Bootstrap Editor mode, all these actions are available directly near containers, rows, and columns.

Apply any action to Bootstrap block in CKEditor or TinyMCE
Bootstrap block editing toolset in CKEditor/TinyMCE

You can clone the selected block, move it up or down, delete it, or save the custom block template or update it if it was inserted from the custom block template gallery.