aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
authorAndreas Cederström <[email protected]>2012-02-17 13:31:36 +0100
committerAndreas Cederström <[email protected]>2012-02-17 13:31:36 +0100
commit1e6d386b8df2d7235b23a96ddd0489c1ab2650dc (patch)
tree00a0032fdf582d39da1d1609bf40f9e4b90d464e /docs/components.html
parent60826077e7384e548c44c26531e7ae94e12fbcf4 (diff)
parent091622644a0c619e1afbb21041c141da30df76b7 (diff)
downloadbootstrap-1e6d386b8df2d7235b23a96ddd0489c1ab2650dc.tar.xz
bootstrap-1e6d386b8df2d7235b23a96ddd0489c1ab2650dc.zip
Keep origin in track
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html16
1 files changed, 12 insertions, 4 deletions
diff --git a/docs/components.html b/docs/components.html
index bab4f9764..617b21a41 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -864,14 +864,14 @@
&lt;div class="navbar"&gt;
&lt;div class="navbar-inner"&gt;
&lt;div class="container"&gt;
-
+
&lt;!-- .btn-navbar is used as the toggle for collapsed navbar content --&gt;
&lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
&lt;span class="icon-bar"&gt;&lt;/span&gt;
&lt;span class="icon-bar"&gt;&lt;/span&gt;
&lt;span class="icon-bar"&gt;&lt;/span&gt;
&lt;/a&gt;
-
+
&lt;!-- Be sure to leave the brand out there if you want it shown --&gt;
&lt;a class="brand" href="#"&gt;Project name&lt;/a&gt;
@@ -901,10 +901,18 @@
&lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</pre>
+ <p>You can easily add dividers to your nav links with an empty list item and a simple class. Just add this between links:</p>
+<pre class="prettyprint linenums">
+&lt;ul class="nav"&gt;
+ ...
+ &lt;li class="divider-vertical"&gt;&lt;/li&gt;
+ ...
+&lt;/ul&gt;
+</pre>
<h3>Component alignment</h3>
<p>To align a nav, search form, or text, use the <code>.pull-left</code> or <code>.pull-right</code> utility classes. Both classes will add a CSS float in the specified direction.</p>
<h3>Adding dropdowns</h3>
- <p>Adding dropdowns to the nav is super simple, but does require the use of <a href="./javascript.html#dropdown">our javascript plugin</a>.</p>
+ <p>Adding dropdowns to the nav is super simple, but does require the use of <a href="./javascript.html#dropdowns">our javascript plugin</a>.</p>
<pre class="prettyprint linenums">
&lt;ul class="nav"&gt;
&lt;li class="dropdown"&gt;
@@ -920,7 +928,7 @@
&lt;/li&gt;
&lt;/ul&gt;
</pre>
- <p><a class="btn" href="./javascript.html#dropdown">Get the javascript &rarr;</a></p>
+ <p><a class="btn" href="./javascript.html#dropdowns">Get the javascript &rarr;</a></p>
</div><!-- /.span -->
</div><!-- /.row -->