How do I change button label before and after clicking on a bootstrap toggle switch/button? Without using jquery, javascript. Just using bootstrap, there must be a feature for this feature rich bootstrap.
Before label: Show list
After label: Hide list
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container d-flex mb-4 p-4">
<div class="btn-1 m-2">
<input type="checkbox" class="btn-check"
id="btn-check" autocomplete="off">
<label class="btn btn-primary" for="btn-check">
Show list
</label>
</div>