I want to create a list-group with a label and a custom checkbox using Bootstrap 4.
1
-
1Please include a minimal reproducible example– Abdelillah AissaniJul 18, 2019 at 13:45
Add a comment
|
2 Answers
You mean something like this ?
<div class="list-group checkbox-list-group">
<div class="list-group-item"> <label><input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Default</span></label></div>
<div class="list-group-item list-group-item-success"><label> <input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Success</span></label></div>
<div class="list-group-item list-group-item-info"><label> <input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Info</span></label></div>
<div class="list-group-item list-group-item-warning"><label> <input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Warning</span></label></div>
<div class="list-group-item list-group-item-danger"><label> <input type="checkbox"><span class="list-group-item-text"><i class="fa fa-fw"></i> Danger</span></label></div>
</div>
This
-
Please add more clarity to your answer by further explaining and formatting it. Jul 18, 2019 at 13:53
-
If you want to format list group you can use by this way, the question is exactly this– CaglarJul 18, 2019 at 13:59