SafetyHQ Form.io Workbench

HTML stays HTML. Bootstrap stays Bootstrap.

Build the content in the editor first, then apply Bootstrap classes separately for Form.io's Custom CSS Class field. The HTML output is never modified by the Bootstrap selections.

Display > Content Display > Custom CSS Class IndexedDB Local Only
Current Bootstrap No classes selected.
Effects 0 utilities

Form.io Paste Targets

Copy the wrapped HTML into the Form.io HTML Element content field, then paste the Bootstrap string into Display > Custom CSS Class.

HTML Element Content

Legacy wrapped HTML for the Form.io HTML Element component. Bootstrap stays separate.


                            
No editor content yet. HTML Element > Content

Bootstrap Classes

Paste this into the Form.io HTML element's custom CSS class field.


                            
No Bootstrap classes selected. Display > Custom CSS Class

Favorites

Favorites save the editor HTML and Bootstrap selections together.

Favorites

0 saved