Core Code
Core Code Modern Dev Handbook

Multiple Addons

Use multiple prefixes and suffixes inside input groups.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container py-5">

<div class="input-group">

<span class="input-group-text">$</span>

<span class="input-group-text">0.00</span>

<input type="text" class="form-control">

</div>

</div>

</body>
</html>

More BS5 Input Group Examples (7)

example Basic Input Group open example example Input Group Suffix open example example Input Group Button open example example Input Group Checkbox open example example Input Group Radio open example example Input Group Sizes open example example URL Input Group open example