<div class="container">
	<div class="row align-items-center">
		<div class="col col-md-8 col-lg-6 mx-auto">
			<div class="card bg-light">
				<div class="card-body">
					<label for="dog-breed-choice" class="form-label col-form-label-lg pt-0">Dog breed</label>
					<input type="text" list="dog-breed-list" id="dog-breed-choice" class="form-control">
					<datalist id="dog-breed-list">
						<option value="Basset hound"></option>
						<option value="Bearded collie"></option>
						<option value="Bloodhound"></option>
						<option value="Blue heeler"></option>
						<option value="Golden retriever"></option>
						<option value="Great Dane"></option>
						<option value="Weimaraner"></option>
					</datalist>
				</div>
			</div>
		</div>
	</div>
</div>

.row {
	height: 100vh;
}