Example 1: bootstrap buttons Toggle states
Add data-toggle="button" to toggle a button’s active state. If you’re pre-toggling a button, you must manually add the .active class and aria-pressed="true" to the <button>. <button type="button" class="btn btn-primary" data-toggle="button" aria-pressed="false"> Single toggle </button>
Example 2: btn-default class in bootstrap 4
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <div class="container m-3"> <a class="btn btn-outline-secondary">outline-secondary link</a> <button type="button" class="btn btn-outline-secondary">outline-secondary 'button'</button> <br><br> <a class="btn btn-outline-light">outline-light link</a> <button type="button" class="btn btn-outline-light">outline-light 'button'</button> </div>
Comments
Post a Comment