Boost-web-forms-bootstrap NPM

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

form javascript boost-web-forms bootstrap

@infinitebrahmanuniverse/nolb-boos @everything-registry/sub-chunk-1253 @zalastax/nolb-boos

1.9.1

3 years ago

1.9.0

3 years ago