aboutsummaryrefslogtreecommitdiff
path: root/examples/theme/index.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-12-14 16:29:47 -0800
committerMark Otto <[email protected]>2013-12-14 16:29:47 -0800
commit323a40cc53dabf0561c588c8f8ccd690c5bb0a03 (patch)
tree0f4ab3c35f65a6f88a8b4a8a28001650cdf4ae7a /examples/theme/index.html
parent89e0f1669f2b4166051affa4eec819475660ed72 (diff)
parent83c60ef3eec234b3dac94c841fd1f13f94aab36f (diff)
downloadbootstrap-323a40cc53dabf0561c588c8f8ccd690c5bb0a03.tar.xz
bootstrap-323a40cc53dabf0561c588c8f8ccd690c5bb0a03.zip
Merge branch 'master' into pr/11162
Conflicts: less/modals.less
Diffstat (limited to 'examples/theme/index.html')
-rw-r--r--examples/theme/index.html33
1 files changed, 30 insertions, 3 deletions
diff --git a/examples/theme/index.html b/examples/theme/index.html
index a0bad8793..5adb44ab0 100644
--- a/examples/theme/index.html
+++ b/examples/theme/index.html
@@ -19,7 +19,7 @@
<link href="theme.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
- <!--[if lt IE 9]><script src="{{ page.base_url }}docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
+ <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
@@ -31,10 +31,11 @@
<body>
<!-- Fixed navbar -->
- <div class="navbar navbar-inverse navbar-fixed-top">
+ <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -119,7 +120,7 @@
<div class="page-header">
<h1>Thumbnails</h1>
</div>
- <img data-src="holder.js/200x200" src="data:image/png;base64," class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">
+ <img data-src="holder.js/200x200" class="img-thumbnail" alt="A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera">
@@ -148,6 +149,7 @@
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -159,6 +161,18 @@
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</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 class="dropdown-header">Nav header</li>
+ <li><a href="#">Separated link</a></li>
+ <li><a href="#">One more separated link</a></li>
+ </ul>
+ </li>
</ul>
</div><!--/.nav-collapse -->
</div>
@@ -168,6 +182,7 @@
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -179,6 +194,18 @@
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</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 class="dropdown-header">Nav header</li>
+ <li><a href="#">Separated link</a></li>
+ <li><a href="#">One more separated link</a></li>
+ </ul>
+ </li>
</ul>
</div><!--/.nav-collapse -->
</div>