aboutsummaryrefslogtreecommitdiff
path: root/docs/components.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-01-28 18:11:31 -0800
committerMark Otto <[email protected]>2012-01-28 18:11:31 -0800
commit4fa931e403ec3ae2f8f7f690c6c4040365f68ba9 (patch)
treeb1babf3699668256e297aed08d1c3442694d77b9 /docs/components.html
parent06df91ac559686e947c3c1fbfbdd2b7dcfc5a56b (diff)
downloadbootstrap-4fa931e403ec3ae2f8f7f690c6c4040365f68ba9.tar.xz
bootstrap-4fa931e403ec3ae2f8f7f690c6c4040365f68ba9.zip
fix the navbar click and a few jank responsive problems
Diffstat (limited to 'docs/components.html')
-rw-r--r--docs/components.html81
1 files changed, 44 insertions, 37 deletions
diff --git a/docs/components.html b/docs/components.html
index a2fac7360..950d1f35c 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -662,40 +662,47 @@
<div class="navbar navbar-static">
<div class="navbar-inner">
<div class="container" style="width: auto;">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="i-bar"></span>
+ <span class="i-bar"></span>
+ <span class="i-bar"></span>
+ </a>
<a class="brand" href="#">Project name</a>
- <ul class="nav">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li><a href="#">Link</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </li>
- </ul>
- <form class="navbar-search pull-left" action="">
- <input type="text" class="search-query span2" placeholder="Search">
- </form>
- <ul class="nav pull-right">
- <li><a href="#">Link</a></li>
- <li class="vertical-divider"></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li><a href="#">Separated link</a></li>
- </ul>
- </li>
- </ul>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ <form class="navbar-search pull-left" action="">
+ <input type="text" class="search-query span2" placeholder="Search">
+ </form>
+ <ul class="nav pull-right">
+ <li><a href="#">Link</a></li>
+ <li class="vertical-divider"></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div><!-- /.nav-collapse -->
</div>
</div><!-- /navbar-inner -->
</div><!-- /navbar -->
@@ -733,7 +740,7 @@
&lt;input type="text" class="search-query pull-left" placeholder="Search"&gt;
&lt;/form&gt;
</pre>
- </div>
+ </div><!-- /.span -->
<div class="span4">
<h3>Nav links</h3>
<p>Nav items are simple to add via unordered lists.</p>
@@ -763,9 +770,9 @@
&lt;/li&gt;
&lt;/ul&gt;
</pre>
- <p><a class="btn" href="./javascript.html/#dropdown">Get the javascript &rarr;</a></p>
- </div>
- </div>
+ <p><a class="btn" href="./javascript.html/#dropdown">Get the javascript &rarr;</a></p>
+ </div><!-- /.span -->
+ </div><!-- /.row -->
</section>