bootstrap deactivate button code example

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 button outline

<button type="button" class="btn btn-outline-primary" href="#">Primary</button>

Example 4: 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>