mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-24 14:04:09 +03:00
Code Activity

Change error to danger for all classes; add panels component

Browse Source
This commit is contained in:
Mark Otto
2013-03-30 14:15:18 -07:00
parent aee25786a7
commit 9fff2d3fb6
11 changed files with 256 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/docs.html
+69
View File
@@ -4369,6 +4369,75 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
<!-- Panels
================================================== -->
<div class="bs-docs-section" id="panels">
<div class="page-header">
<h1>Panels</h1>
</div>
<p class="lead">While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.</p>
<h3>Basic panel</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-docs-example">
<div class="panel">
Basic panel example
</div>
</div>
{% highlight html linenos %}
<div class="panel">
Basic panel example
</div>
{% endhighlight %}
<h3>Panel with heading</h3>
<p>Easily add a heading to your panel with <code>.panel-heading</code>. Use it on a <code>&lt;div&gt;</code> or any heading element (e.g., <code>&lt;h3&gt;</code>).</p>
<div class="bs-docs-example">
<div class="panel">
<div class="panel-heading">Panel heading</div>
Panel content
</div>
</div>
{% highlight html linenos %}
<div class="panel">
<div class="panel-heading">Panel heading</div>
Panel content
</div>
{% endhighlight %}
<h3>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-docs-example">
<div class="panel panel-success">
<div class="panel-heading">Panel heading</div>
Panel content
</div>
<div class="panel panel-warning">
<div class="panel-heading">Panel heading</div>
Panel content
</div>
<div class="panel panel-danger">
<div class="panel-heading">Panel heading</div>
Panel content
</div>
<div class="panel panel-info">
<div class="panel-heading">Panel heading</div>
Panel content
</div>
</div>
{% highlight html linenos %}
<div class="panel panel-success">...</div>
<div class="panel panel-warning">...</div>
<div class="panel panel-danger">...</div>
<div class="panel panel-info">...</div>
{% endhighlight %}
</div>
<!-- Wells
================================================== -->
<div class="bs-docs-section" id="wells">