
- 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
How to use Bootstrap Collapse Plugins
The collapse plugin makes it easy to make collapsing divisions of the page. Whether you use it to build an accordion navigation or content boxes, it allows for a lot of content options.
You can try to run the following code to implement collapse plugins in Bootstrap −
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 = "panel-group" id = "accordion"> <div class = "panel panel-default"> <div class = "panel-heading"> <h4 class = "panel-title"> <a data-toggle = "collapse" data-parent = "#accordion" href = "#collapseOne"> Click me to expand. Click me again to collapse.Section </a> </h4> </div> <div id = "collapseOne" class = "panel-collapse collapse in"> <div class = "panel-body"> Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div> </div> </div> </div> </body> </html>
- Related Questions & Answers
- How to use Bootstrap Popover Plugins
- How to use Bootstrap Alert Plugins
- How to use Bootstrap Dropdown Plugins
- How to use Bootstrap Button Plugins
- How to use Bootstrap Tab Plugins
- How to use Bootstrap Tooltip Plugins
- How to use Bootstrap Scrollspy Plugins
- How to use Bootstrap Carousel Plugins
- How to use Bootstrap Affix Plugins
- What is Bootstrap Plugins
- How to include Bootstrap Plugins on a website
- What are Bootstrap Transition Plugins
- Usage of Bootstrap Modal Plugins
- How to implement expand and collapse notification in Android?
- How to use the Glyphicons icons in Bootstrap
Advertisements