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

Merge pull request #2267 from dominicbarnes/dl_horizontal

Browse Source 
Horizontal mode for description lists
This commit is contained in:
Mark Otto
2012-03-05 00:38:26 -08:00
parent 1fa42e2f71 0b78033f0b
commit fb1d4a0f04
3 changed files with 70 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
docs/base-css.html
View File

@@ -287,7 +287,7 @@
<!-- Lists -->
<h2>Lists</h2>
<div class="row">
<div class="span3">
<div class="span4">
<h4>Unordered</h4>
<p><code>&lt;ul&gt;</code></p>
<ul>
@@ -308,7 +308,7 @@
<li>Eget porttitor lorem</li>
</ul>
</div>
<div class="span3">
<div class="span4">
<h4>Unstyled</h4>
<p><code>&lt;ul class="unstyled"&gt;</code></p>
<ul class="unstyled">
@@ -329,7 +329,7 @@
<li>Eget porttitor lorem</li>
</ul>
</div>
<div class="span3">
<div class="span4">
<h4>Ordered</h4>
<p><code>&lt;ol&gt;</code></p>
<ol>
@@ -343,7 +343,9 @@
<li>Eget porttitor lorem</li>
</ol>
</div>
<div class="span3">
</div><!-- /row -->
<div class="row">
<div class="span4">
<h4>Description</h4>
<p><code>&lt;dl&gt;</code></p>
<dl>
@@ -356,6 +358,19 @@
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
</div>
<div class="span8">
<h4>Horizontal</h4>
<p><code>&lt;dl class="horizontal"&gt;</code></p>
<dl class="horizontal">
<dt>Description lists</dt>
<dd>A description list is perfect for defining terms.</dd>
<dt>Euismod</dt>
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
<dt>Malesuada porta</dt>
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
</div>
</div><!-- /row -->
</section>
@@ -1299,7 +1314,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
<td><code>.btn-danger</code></td>
<td>Indicates a dangerous or potentially negative action</td>
</tr>
<tr>
<tr>
<td><button class="btn btn-inverse" href="#">Inverse</button></td>
<td><code>.btn-inverse</code></td>
<td>Alternate dark gray button, not tied to a semantic action or use</td>