mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-17 19:06:40 +02:00
Add .panel-footer
This commit is contained in:
9
docs/assets/css/bootstrap.css
vendored
9
docs/assets/css/bootstrap.css
vendored
@@ -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;
|
||||
}
|
||||
|
@@ -2426,6 +2426,21 @@ body {
|
||||
<div class="panel-heading">Panel heading</div>
|
||||
Panel content
|
||||
</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>
|
||||
|
Reference in New Issue
Block a user