How to disable button in Bootstrap

Bootstarp button disable example
Bootstarp button disable example

If you are using Bootstrap UI framework in your project and want to disable a button element, you can simply do it by adding attribute disabled="true",


<button id="myButton" type="button" class="btn btn-primary" disabled="true">Primary</button>

If you want to disable the button programmatically via JavaScript, you can do

document.getElementById("myButton").disabled = true;

If you want to achieve this using JQuery you can try the below code,

$('myButton').prop('disabled', true);
Try Out Code2care Dev Tools:


Android Java Linux Microsoft Google Python macOS Notepad++ Microsoft Teams CSS PHP SharePoint Html Linux C Programs Bootstrap jQuery Sublime Android Studio Facebook Eclipse WhatsApp News MySQL Json HowTos JavaScript FTP S3


Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Tutorials, Trouble-Shooting steps, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.
🎉 We are celebrating the 10th years of Code2care! Thank you for all your support! We hope we made a difference.
We strong support Gender Equality & Diversity.

We stand in solidarity with Ukraine - Make a donation to UNHCR -