diff options
| author | Mark Otto <[email protected]> | 2013-08-18 19:40:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-18 19:40:57 -0700 |
| commit | bab51d27ace206c9c691ab7a43657774cbd2b852 (patch) | |
| tree | 771632d8ac02f4b3e279655d999e06c2eadaef80 /components.html | |
| parent | d5cd040f57b5b1036a7a927332a3220cceefae43 (diff) | |
| download | bootstrap-bab51d27ace206c9c691ab7a43657774cbd2b852.tar.xz bootstrap-bab51d27ace206c9c691ab7a43657774cbd2b852.zip | |
Refactor panels to have a base class for improved flexibility when customizing (and no overriding to start, too)
Diffstat (limited to 'components.html')
| -rw-r--r-- | components.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/components.html b/components.html index 7475fa108..e393798e4 100644 --- a/components.html +++ b/components.html @@ -2673,14 +2673,14 @@ body { padding-bottom: 70px; } <h3 id="panels-basic">Basic example</h3> <p>By default, all the <code>.panel</code> does is apply some basic border and padding to contain some content.</p> <div class="bs-example"> - <div class="panel"> + <div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> </div> </div> {% highlight html %} -<div class="panel"> +<div class="panel panel-default"> <div class="panel-body"> Basic panel example </div> @@ -2690,13 +2690,13 @@ body { padding-bottom: 70px; } <h3 id="panels-heading">Panel with heading</h3> <p>Easily add a heading container to your panel with <code>.panel-heading</code>. You may also include any <code><h1></code>-<code><h6></code> with a <code>.panel-title</code> class to add a pre-styled heading.</p> <div class="bs-example"> - <div class="panel"> + <div class="panel panel-default"> <div class="panel-heading">Panel heading without title</div> <div class="panel-body"> Panel content </div> </div> - <div class="panel"> + <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Panel title</h3> </div> @@ -2706,14 +2706,14 @@ body { padding-bottom: 70px; } </div> </div> {% highlight html %} -<div class="panel"> +<div class="panel panel-default"> <div class="panel-heading">Panel heading without title</div> <div class="panel-body"> Panel content </div> </div> -<div class="panel"> +<div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Panel title</h3> </div> @@ -2726,7 +2726,7 @@ body { padding-bottom: 70px; } <h3 id="panels-footer">Panel with footer</h3> <p>Wrap buttons or secondary text in <code>.panel-footer</code>. Note that panel footers <strong>do not</strong> inherit colors and borders when using contextual variations as they are not meant to be in the foreground.</p> <div class="bs-example"> - <div class="panel"> + <div class="panel panel-default"> <div class="panel-body"> Panel content </div> @@ -2734,7 +2734,7 @@ body { padding-bottom: 70px; } </div> </div> {% highlight html %} -<div class="panel"> +<div class="panel panel-default"> <div class="panel-body"> Panel content </div> |