# @formio/bootstrap3

> Bootstrap 3 templates for form.io

Latest version **2.12.3** (published 2023-06-20) · MIT license · 0 weekly downloads

## Install

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

## Health

**Score 40/100 (D)** — status: abandoned.

Positive: has types; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 2.12.3 |
| Published | 2023-06-20 |
| First published | 2019-10-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 90.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Maintainers | alexeynikipelau, ryanformio, lane-formio, tanyagashtold, edwinanciani, travist |
| Keywords | Form.io, USWDS, Us, Web, Design, Standards |

## Links

- npm: https://www.npmjs.com/package/@formio/bootstrap3
- 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/bootstrap3

## Dependencies (1)

- [resize-observer-polyfill](https://npm.io/package/resize-observer-polyfill.md) ^1.5.1

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

- 2.12.3 (latest) — 2023-06-20
- 2.12.4-rc.1 (2_12_x) — 2023-09-13
- 2.12.2-rc.1 (rc) — 2022-04-06
- 2.11.5-rc.1 (2_11_x) — 2021-09-21
- 2.12.3-rc.1 — 2023-01-24
- 2.12.2 — 2022-04-14
- 2.12.1 — 2022-02-18
- 2.12.1-rc.1 — 2022-02-02
- 2.12.0 — 2021-10-18
- 2.12.0-rc.7 — 2021-09-29
- 2.12.0-rc.6 — 2021-09-21
- 2.11.4 — 2021-09-16
- 2.12.0-rc.5 — 2021-09-14
- 2.12.0-rc.4 — 2021-09-04
- 2.11.4-rc.1 — 2021-07-21
- … 34 more at https://npm.io/package/@formio/bootstrap3/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/bootstrap3 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._