# Form Layout

# Form grid

<div class="row">
	<div class="col">
		<input type="text" class="form-control" placeholder="First name" aria-label="First name">
	</div>
	<div class="col">
		<input type="text" class="form-control" placeholder="Last name" aria-label="Last name">
	</div>
</div>

# Gutters

<div class="row g-3">
	<div class="col">
		<input type="text" class="form-control" placeholder="First name" aria-label="First name">
	</div>
	<div class="col">
		<input type="text" class="form-control" placeholder="Last name" aria-label="Last name">
	</div>
</div>

# Column sizing

<div class="row g-3">
	<div class="col-sm-7">
		<input type="text" class="form-control" placeholder="City" aria-label="City">
	</div>
	<div class="col-sm">
		<input type="text" class="form-control" placeholder="State" aria-label="State">
	</div>
	<div class="col-sm">
		<input type="text" class="form-control" placeholder="Zip" aria-label="Zip">
	</div>
</div>
Last Updated: 2/3/2022, 12:42:48