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
Published on 22-Jun-2018 11:04:46
Advertisements