Docs

Bootstrap blocks constructor

Bootstrap Editor add-on logo N1ED uses Bootstrap Editor as core add-on that greatly simplifies responsive content editing. Create or edit Bootstrap layout completely visually using a set of tools and widgets this add-on provides. See the result instantly, exactly as users see it.

Works in any CMS, framework and editor

It does not matter which technology stack you do use. Bootstrap Editor will be enabled in any CMS or framework which uses N1ED powered CKEditor or TinyMCE. Both Bootstrap 3 and Bootstrap 4 are supported and we wait until there will be news about Bootstrap 5 to support it too.

Bootstrap blocks gallery

Insert different ready-to-use blocks from built-in blocks gallery. All the blocks have a preview. Bootstrap Editor also has a special category of the gallery where pure structure blocks are located. They can help you to create row/column structure for your article. All inserted blocks have no editing limitations — use them as start templates for your content.

Custom Bootstrap blocks

Any visually created block in your editor can save as a custom block template. Bootstrap Editor will automatically create a screenshot preview for it and add it to your configuration. Immediately use this block in your content. There is also a feature to update the existing custom block after some time you use it and understand how to improve it.

Bootstrap widgets

In addition to standard N1ED widgets Bootstrap Editor will add new Bootstrap widgets like Tabs or Accordion menu, etc. The most often Bootstrap widget used by N1ED users is Button: a link styled as Bootstrap button with all the styles from the visual theme of your website.

Simplify responsive content editing

Visually add or edit containers, rows or columns; adjust height, width or margins of any element; change visibility of elements, and adjust layout to the screen size by toggling Bootstrap breakpoints in two clicks. You’ve got full control over the entire Bootstrap markup, the grid system and styles in the most straightforward and convenient way.

Preview content directly in the editor

With Bootstrap Editor you enjoy convenience of the true WYSIWYG approach. The edited content is displayed exactly as visitors see it in their browsers. And with instant mobile preview you can test if the content would display correctly on smartphones and smaller screens. Also without leaving the editor.

Easily create mobile content

With today’s huge lean towards mobile audiences, it is crucial to create content that displays perfectly on mobile screens. Bootstrap Editor has everything for comfortable editing of mobile-ready websites: from visual toggling of Bootstrap breakpoints and simplified navigation to instant preview of the webpage adapted to a specific resolution.

Choose row template screenshot Create custom template Insert row template screenshot Edit column screenshot Container screenshot Add Bootstrap column screenshot