Easy learning with example program codes

Bootstrap collapsible panel tutorial

The .collapse class is used for bootstrap collapse functionality. Bootstrap collapse is used when we want to hide and show large amount of content.

Bootstrap Collapsible Panel Example:

<!DOCTYPE html>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="">
  <script src=""></script>
  <script src=""></script>
<div class="container">
  <h2>Bootstrap Collapsible Panel Example</h2>
    <div class="panel-group">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h4 class="panel-title">
          <a data-toggle="collapse" href="#collapse1">Collapsible panel</a>
      <div id="collapse1" class="panel-collapse collapse">
        <div class="panel-body">Panel Body</div>
        <div class="panel-footer">Panel Footer</div>

Try it:

JS Bin on

Please follow and like us:

Bootstrap 3 Tutorial

Copyright © 2020 CodesJava Protection Status