Example 1: bootstrap 4 button
<button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-secondary">Secondary</button> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-light">Light</button> <button type="button" class="btn btn-dark">Dark</button> <button type="button" class="btn btn-link">Link</button>
Example 2: bootstrap disable button after click
$("#buttonid").on("click", function() { $(this).prop("disabled", true); });
Example 3: bootstrap disabled button
<button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button> <button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>
Example 4: bootstrap button outline
<button type="button" class="btn btn-outline-primary" href="#">Primary</button>
Example 5: bootstrap buttons Disabled state
Make buttons look inactive by adding the disabled boolean attribute to any <button> element. <button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button> <button type="button" class="btn btn-secondary btn-lg" disabled>Button</button>
Comments
Post a Comment