JSFiddle - React, Tailwind, and code Playground

by davidliang2008

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.4.4/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<div class="container">
	<form>
		<div class="form-group">
			<label for="capacity">Capacity</label>
			<div class="input-group">
				<input type="number" name="capacity" class="form-control" />
				<div class="input-group-append">
					<span class="input-group-text">/20</span>
				</div>
			</div>
		</div>
	</form>
</div>

CSS

body {
	padding-top: 3rem;
}