Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms. Read Bootstrap documentation

.input-group
	input.form-control.rounded.mx-0.is-invalid.bg-white(type='text', placeholder="Email", aria-label="Email")
	input.form-control.rounded.mx-1(type='password', placeholder="Password", aria-label="Password")
	button.btn.btn-secondary(type='button') Register
	.invalid-feedback Invalid Email
<div class="input-group">
	<input class="form-control rounded mx-0 is-invalid bg-white" type="text" placeholder="Email" aria-label="Email">
	<input class="form-control rounded mx-1" type="password" placeholder="Password" aria-label="Password">
	<button class="btn btn-secondary" type="button">Register</button>
	<div class="invalid-feedback">Invalid Email</div>
</div>
Invalid Email

Visit Bootstrap documentation to learn more about this component


Version 2.0.0, [email protected]

To spread the power of good design