# @formio/bootstrap

> Bootstrap templates for Form.io forms

Latest version **4.0.5** (published 2026-08-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install @formio/bootstrap
pnpm add @formio/bootstrap
yarn add @formio/bootstrap
bun add @formio/bootstrap
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 4.0.5 |
| Published | 2026-08-27 |
| First published | 2023-06-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Maintainers | edwinanciani, travist, lane-formio, tanyagashtold, alexeynikipelau, brendanbond, johnformio |
| Keywords | Form.io, USWDS, Us, Web, Design, Standards |

## Links

- npm: https://www.npmjs.com/package/@formio/bootstrap
- Repository: https://github.com/formio/bootstrap3
- Homepage: https://github.com/formio/bootstrap3#readme
- Issues: https://github.com/formio/bootstrap3/issues
- npm.io page: https://npm.io/package/@formio/bootstrap

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 4.0.5 (latest) — 2026-08-27
- 4.0.4-api99.0 (rc) — 2026-07-27
- 3.2.0-rc.0 (3_2_x) — 2025-12-16
- 3.0.2-rc.6 (3_0_x) — 2025-07-28
- 3.1.2-rc.3 (3_1_x) — 2025-07-24
- 3.1.0-dev.1-dev.126.a9ba155 (dev) — 2025-05-05
- 4.0.4-pdf515.0 — 2026-08-11
- 4.0.4 — 2026-08-11
- 4.0.3 — 2026-07-21
- 4.0.2 — 2026-07-07
- 4.0.1 — 2026-06-16
- 4.0.0 — 2026-06-03
- 3.2.2 — 2026-04-02
- 3.2.1 — 2026-03-09
- 4.0.0-api98.1 — 2026-03-09
- … 96 more at https://npm.io/package/@formio/bootstrap/versions

## README

# 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/), [Bootstrap 4](https://getbootstrap.com/docs/4.6/getting-started/introduction/), and [Bootstrap 5](https://getbootstrap.com/docs/5.3/getting-started/introduction/) frameworks.

## Official Documentation

For the latest documentation, release information, and guides, always refer to the official Form.io Help Documentation available here:

**[https://help.form.io](https://help.form.io/dev/css-frameworks)**

### 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>
```

---
_Source: https://npm.io/package/@formio/bootstrap · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._