diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 9 | ||||
| -rw-r--r-- | docs/components.html | 15 |
2 files changed, 24 insertions, 0 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8bc5c9358..7f1bf5cd8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2981,6 +2981,15 @@ a.list-group-item.active .list-group-item-text { border-top-left-radius: 3px; } +.panel-footer { + padding: 10px 15px; + margin: 15px -15px -15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + .panel-primary { border-color: #428bca; } diff --git a/docs/components.html b/docs/components.html index 23c20d94d..01b76d812 100644 --- a/docs/components.html +++ b/docs/components.html @@ -2428,6 +2428,21 @@ body { </div> {% endhighlight %} + <h3 id="panels-footer">Panel with footer</h3> + <p>Wrap buttons or secondary text in <code>.panel-footer</code>.</p> + <div class="bs-example"> + <div class="panel"> + Panel content + <div class="panel-footer">Panel footer</div> + </div> + </div> +{% highlight html %} +<div class="panel"> + Panel content + <div class="panel-footer">Panel footer</div> +</div> +{% endhighlight %} + <h3 id="panels-alternatives">Contextual alternatives</h3> <p>Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.</p> <div class="bs-example"> |