@formio/bootstrap
Version:
Bootstrap templates for Form.io forms
42 lines (31 loc) • 1.03 kB
Markdown
# 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](https://getbootstrap.com/docs/3.4/) and [Bootstrap 4](https://getbootstrap.com/docs/4.6/getting-started/introduction/) framework.
### Using Bootstrap 3
```javascript
import bootstrap3 from '@formio/bootstrap/bootstrap3';
import { Formio } from 'formiojs';
Formio.use(bootstrap3);
```
### Using Bootstrap 4
```javascript
import bootstrap4 from '@formio/bootstrap/bootstrap4';
import { Formio } from 'formiojs';
Formio.use(bootstrap4);
```
### Using Bootstrap 5
```javascript
import bootstrap5 from '@formio/bootstrap/bootstrap5';
import { Formio } from 'formiojs';
Formio.use(bootstrap5);
```
## Script
```javascript
Formio.Templates.framework = "bootstrap3"
```
If icon is not show
```javascript
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script>
Formio.icons = "fontawesome"
</script>
```