0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00

panels subnav and links

This commit is contained in:
Mark Otto 2013-03-30 14:16:30 -07:00
parent 9fff2d3fb6
commit 731903a175
2 changed files with 11 additions and 4 deletions

View File

@ -163,7 +163,14 @@
</ul>
</li>
<li><a href="#media">Media object</a></li>
<li><a href="#panels">Panels</a></li>
<li>
<a href="#panels">Panels</a>
<ul class="nav">
<li><a href="#panels-basic">Basic panel</a></li>
<li><a href="#panels-heading">Panel with heading</a></li>
<li><a href="#panels-alternatives">Contextual alternatives</a></li>
</ul>
</li>
<li><a href="#wells">Wells</a></li>
<!-- JavaScript -->

View File

@ -4377,7 +4377,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
</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>
<h3 id="panels-basic">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">
@ -4390,7 +4390,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
</div>
{% endhighlight %}
<h3>Panel with heading</h3>
<h3 id="panels-heading">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">
@ -4405,7 +4405,7 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
</div>
{% endhighlight %}
<h3>Contextual alternatives</h3>
<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-docs-example">
<div class="panel panel-success">