Set active state for Bootstrap Buttons

BootstrapWeb DevelopmentCSS Framework

To set the active state for Bootstrap Buttons, use the .active class.

The button will appear pressed as in the following code


Live Demo

<!DOCTYPE html>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
      <p>The following are some buttons:</p>
      <button type = "button" class = "btn btn-default btn-lg ">
         Default Button
      <button type = "button" class = "btn btn-default btn-lg active">
         Active Button
Updated on 12-Jun-2020 14:42:29