

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Bootstrap Collapsible in
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
<!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>
- Related Questions & Answers
- Bootstrap Collapsible panel
- Bootstrap Collapsible link
- Bootstrap Collapsible button
- Bootstrap Collapsible list group
- Display the collapsible content by default with Bootstrap
- Indicate collapsible content that can be hidden or shown with Bootstrap
- Collapsible Pane in Tkinter Python
- How to create a collapsible section with CSS and JavaScript?
- How to create a collapsible sidebar menu with CSS and JavaScript?
- How to create a collapsible sidepanel menu with CSS and JavaScript?
- Bootstrap 4 .flex-column in Bootstrap 4
- Breadcrumb in Bootstrap
- Bootstrap Grids
- Bootstrap Pills
- Bootstrap Badges
Advertisements