diff options
| author | Mark Otto <[email protected]> | 2014-10-02 21:19:20 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-10-02 21:19:20 -0700 |
| commit | 12091b9567e77f8b503d31860b3115791b072a3b (patch) | |
| tree | 7a23715cafca90355fe4a7ff1c7483e2b9e6514e /docs/_includes | |
| parent | e7b5c4c18becb3af36e03157303490fbc32f5434 (diff) | |
| download | bootstrap-12091b9567e77f8b503d31860b3115791b072a3b.tar.xz bootstrap-12091b9567e77f8b503d31860b3115791b072a3b.zip | |
Fixes #14711: Account for list groups in collapsing panels
Diffstat (limited to 'docs/_includes')
| -rw-r--r-- | docs/_includes/js/collapse.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/docs/_includes/js/collapse.html b/docs/_includes/js/collapse.html index 7dce0e684..fcf2dab04 100644 --- a/docs/_includes/js/collapse.html +++ b/docs/_includes/js/collapse.html @@ -105,6 +105,28 @@ </div> {% endhighlight %} + <p>It's also possible to swap out <code>.panel-body</code>s with <code>.list-group</code>s.</p> + + <div class="panel-group"> + <div class="panel panel-default"> + <div class="panel-heading" role="tab" id="collapseListGroupHeading1"> + <h4 class="panel-title"> + <a class="collapsed" data-toggle="collapse" href="#collapseListGroup1" aria-expanded="false" aria-controls="collapseListGroup1"> + Collapsible list group + </a> + </h4> + </div> + <div id="collapseListGroup1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="collapseListGroupHeading1"> + <ul class="list-group"> + <li class="list-group-item">Bootply</li> + <li class="list-group-item">One itmus ac facilin</li> + <li class="list-group-item">Second eros</li> + </ul> + <div class="panel-footer">Footer</div> + </div> + </div> + </div> + <p>You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.</p> {% highlight html %} <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo" aria-expanded="true" aria-controls="demo"> |