Btn-toggle Bootstrap 4 Code Example


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

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable