Bootstrap Collapsible in

BootstrapWeb DevelopmentCSS Framework

The collapsible in class in Bootstrap is used to display the collapsible content.

You can try to run the following code to implement the collapsible in class −

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>
      <div class = "container">
         <h2>Quiz</h2>
         <p>Click below to toggle the button content.</p>
         <button type = "button" class = "btn btn-info" data-toggle = "collapse" data-target = "#test">More Quizzes</button>
         <div id = "test" class = "collapse in">
            We have quizzes on Java, PHP, Ruby, Quantitative Aptitude, ASP.net, etc.
         </div>
      </div>
   </body>
</html>
raja
Updated on 15-Jun-2020 07:05:55

Advertisements