mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-15 10:05:40 +02:00
Code Issues Releases Wiki Activity

Add .panel-footer

Browse Source
This commit is contained in:
Mark Otto
2013-05-14 18:55:37 -07:00
parent 8544ef8734
commit 1d8ff36afa
4 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/assets/css/bootstrap.css vendored
View File

@@ -2981,6 +2981,15 @@ a.list-group-item.active .list-group-item-text {
border-top-left-radius: 3px; 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 { .panel-primary {
border-color: #428bca; border-color: #428bca;
} }

15
docs/components.html
View File

@@ -2426,6 +2426,21 @@ body {
<div class="panel-heading">Panel heading</div> <div class="panel-heading">Panel heading</div>
Panel content Panel content
</div> </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 %} {% endhighlight %}
<h3 id="panels-alternatives">Contextual alternatives</h3> <h3 id="panels-alternatives">Contextual alternatives</h3>

10
less/panels.less
View File

@@ -25,6 +25,16 @@
border-top-right-radius: (@panel-border-radius - 1); border-top-right-radius: (@panel-border-radius - 1);
} }
// Optional footer (stays gray in every modifier class)
.panel-footer {
margin: 15px -15px -15px;
padding: 10px 15px;
background-color: @panel-footer-bg;
border-top: 1px solid @panel-border;
border-bottom-left-radius: (@panel-border-radius - 1);
border-bottom-right-radius: (@panel-border-radius - 1);
}
// Contextual variations // Contextual variations
.panel-primary { .panel-primary {
border-color: @panel-primary-border; border-color: @panel-primary-border;

1
less/variables.less
View File

@@ -331,6 +331,7 @@
@panel-border: #ddd; @panel-border: #ddd;
@panel-border-radius: @border-radius-base; @panel-border-radius: @border-radius-base;
@panel-heading-bg: #f5f5f5; @panel-heading-bg: #f5f5f5;
@panel-footer-bg: #f5f5f5;
@panel-primary-text: #fff; @panel-primary-text: #fff;
@panel-primary-border: @brand-primary; @panel-primary-border: @brand-primary;