Bootstrap 5 Input Group Example

Uncategorized / Leave a Comment

Bootstrap 5 input group example is created using the radio button and checkbox input fields that we can use in the Bootstrap form.

HTML

<!-- Bootstrap Radio Button Group -->
<div class="btn-group" role="group">
    <input type="radio" name="radio-Btn-Group" class="btn-check" id="radioBtn1">
    <label class="btn btn-outline-danger" for="radioBtn1">Click Me</label>

    <input type="radio" name="radio-Btn-Group" class="btn-check" id="radioBtn2">
    <label class="btn btn-outline-danger" for="radioBtn2">Click Me</label>

    <input type="radio" name="radio-Btn-Group" class="btn-check" id="radioBtn3">
    <label class="btn btn-outline-danger" for="radioBtn3">Click Me</label>
</div>


<!-- Bootstrap Checkbox Button Group -->
<div class="btn-group" role="group">
    <input type="checkbox" class="btn-check" id="checkboxBtn1">
    <label class="btn btn-outline-danger" for="checkboxBtn1">Click Me</label>

    <input type="checkbox" class="btn-check" id="checkboxBtn2">
    <label class="btn btn-outline-danger" for="checkboxBtn2">Click Me</label>

    <input type="checkbox" class="btn-check" id="checkboxBtn3">
    <label class="btn btn-outline-danger" for="checkboxBtn3">Click Me</label>
</div>

Must Read