Render the given form using Bootstrap v3 conventions.

Sample Hamlet for BootstrapHorizontalForm:

 <form .form-horizontal role=form method=post action=@{ActionR} enctype=#{formEnctype}>
   ^{formWidget}
   ^{bootstrapSubmit MsgSubmit}

Since: yesod-form 1.3.8

The layout used for the bootstrap form.

Since: yesod-form 1.3.8

How many bootstrap grid columns should be taken (see BootstrapFormLayout).

Since: yesod-form 1.3.8

Create a new FieldSettings with the classes that are required by Bootstrap v3.

Since: yesod-form 1.3.8

Add a placeholder attribute to a field. If you need i18n for the placeholder, currently you'll need to do a hack and use getMessageRender manually.

Since: yesod-form 1.3.8

Add an autofocus attribute to a field.

Since: yesod-form 1.3.8

Add the input-lg CSS class to a field.

Since: yesod-form 1.3.8

Add the input-sm CSS class to a field.

Since: yesod-form 1.3.8

A Bootstrap v3 submit button disguised as a field for convenience. For example, if your form currently is:

Person <$> areq textField "Name"    Nothing
       <*> areq textField "Surname" Nothing

Then just change it to:

Person <$> areq textField "Name"    Nothing
       <*> areq textField "Surname" Nothing
       <*  bootstrapSubmit "Register"

(Note that <* is not a typo.)

Alternatively, you may also just create the submit button manually as well in order to have more control over its layout.

Since: yesod-form 1.3.8

Same as bootstrapSubmit but for monadic forms. This isn't as useful since you're not going to use renderBootstrap3 anyway.

Since: yesod-form 1.3.8

How the bootstrapSubmit button should be rendered.

Since: yesod-form 1.3.8