boost-web-forms-bootstrap

Plugin for boost-web-forms to enable the popular bootstrap UI kit. Supports all v3, v4, v5 versions.

Installation

npm i boost-web-forms-bootstrap

Usage

Add the bootstrap form layout in your form config's layout option

import {Bootstrap4Form} from 'boost-web-forms-bootstrap'

const formConfig = {
    layout: Bootstrap4Form()
}
renderForm(forObject, document.body, formConfig)

const formConfigWithOptions = {
    layout: Bootstrap4Form({columns: 2})
}

Options

The plugin includes the following options:

Option	Type	Description	Default Value
columns	number	The number of total columns in the form	1
isInline	boolean	Whether to generate an in-line form	false
horizontalLabels	boolean	Whether to put labels and inputs horizontally	false
fullWidthSubmit	boolean	Whether to create a block button for submit	false

See

• Bootstrap
• boost-web-forms