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

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <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>
   </head>
   <body>
      <p>The following are some buttons:</p>
      <button type = "button" class = "btn btn-default btn-lg ">
         Default Button
      </button>
      <button type = "button" class = "btn btn-default btn-lg active">
         Active Button
      </button>
   </body>
</html>
raja
Lakshmi Srinivas
Published on 19-Jun-2018 12:24:17
Previous Page Print Page
Next Page  
Advertisements