jquery input width - bootstrap helpers

To change the width of the inputs use bootstrap sizing utilities or bootstrap grid system.

Detailed documentation and more examples of Bootstrap inputs width you can find in our Bootstrap Inputs Docs and Bootstrap Sizing Docs.

Using sizing utilities

Example: To change the width of the inputs to 50% add .w-50 class to the .form-group element.

Note: The red borders mark parent element of the inputs.

Input with class .w-25

Input with class .w-50

Input with class .w-75

Input without sizing class

Material Inputs

Input with class .w-25

Input with class .w-50

Input with class .w-75

Input without sizing class

Using grid

You can always place your inputs within grid columns and rows.

Email

Password

Address

Address 2

City

Zip