Skip to content

formio/bootstrap

Repository files navigation

Form.io Bootstrap Templates

This repository will change the rendering of forms in formio.js so that it uses html and classes compatible with Bootstrap 3 and Bootstrap 4 framework.

Using Bootstrap 3

import bootstrap3 from '@formio/bootstrap/bootstrap3';
import { Formio } from 'formiojs';
Formio.use(bootstrap3);

Using Bootstrap 4

import bootstrap4 from '@formio/bootstrap/bootstrap4';
import { Formio } from 'formiojs';
Formio.use(bootstrap4);

Using Bootstrap 5

import bootstrap5 from '@formio/bootstrap/bootstrap5';
import { Formio } from 'formiojs';
Formio.use(bootstrap5);

Script

Formio.Templates.framework = "bootstrap3"

If icon is not show

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script>
  Formio.icons = "fontawesome"
</script>