<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
href=
<script src=
</script>
<script src=
</script>
</head>
<body>
<div class="container">
<div class="my-4">
<h1 class="text-success">GeeksforGeeks</h1>
<strong>
Bootstrap 5 Input group Checkboxes and Radios
</strong>
</div>
<div class="input-group">
<div class="input-group-text">
<input class="form-check-input" type="radio" value="">
</div>
<input type="text" class="form-control"
placeholder="Input with left radio with no label" />
</div>
<div class="input-group mt-3">
<div class="input-group-text">
<input class="form-check-input" id="rad1"
type="radio" value="">
<label for="rad1" class="d-block mx-2">
Accept Privacy Policy?
</label>
</div>
<input type="text" class="form-control"
placeholder="Input with left radio and label" />
</div>
<div class="input-group mt-3">
<input type="text" class="form-control"
placeholder="Input with right radio and label" />
<div class="input-group-text">
<label for="rad1" class="d-block mx-2">
Accept Privacy Policy?
</label>
<input class="form-check-input" id="rad1"
type="radio" value="">
</div>
</div>
<div class="input-group mt-3">
<div class="input-group-text">
<input class="form-check-input" type="radio" value="">
</div>
<input type="text" class="form-control"
placeholder="Input with left and right radio" />
<div class="input-group-text">
<input class="form-check-input" type="radio" value="">
</div>
</div>
</div>
</body>
</html>