Bootstrap disabled button

Bootstarp btn colors

<button type="button" class="btn btn-primary">Blue</button>
<button type="button" class="btn btn-secondary">Grey</button>
<button type="button" class="btn btn-success">Green</button>
<button type="button" class="btn btn-danger">Red</button>
<button type="button" class="btn btn-warning">Yellow</button>
<button type="button" class="btn btn-info">Ligth blue</button>
<button type="button" class="btn btn-light">White</button>
<button type="button" class="btn btn-dark">Black</button>

<button type="button" class="btn btn-link">White with blue text</button>

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>

Bootstrap button outline

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

Bootstrap disable button after click

$("#buttonid").on("click", function() {
    $(this).prop("disabled", true);
});

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>

Source: getbootstrap.com

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>

Source: getbootstrap.com

Similar codes

1 vote220 views1 answer
Html css javascript free online course
Html
101 votes168 views6 answers
Html insert image
Html
3 votes269 views2 answers
Html style display none inline
Html
0 vote176 views1 answer
Livewire wire:target multi target
Html
0 vote164 views4 answers
Add link to text using span html
Html
0 vote173 views1 answer
Tailwind resize none
Html
0 vote165 views1 answer
How to convert wordpress theme to html
Html
0 vote199 views1 answer
Code highlighter html
Html
1 vote180 views1 answer
Textarea autosize angular
Html
0 vote176 views3 answers
How to get svg from pucblic folder in react
Html