aboutsummaryrefslogtreecommitdiff
path: root/docs/examples
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-09-17 15:21:31 -0700
committerMark Otto <[email protected]>2014-09-17 15:21:31 -0700
commit9f2aeafe851bdca522b886c29afcece1ee0060e1 (patch)
treebe13d5ce0d68631543f28af8d9b444a7bd44917e /docs/examples
parent7d9f55c3d5dcc5b12882af96245dab27be5fa346 (diff)
parentc5c67d0f54674dede58fc924d4d7c0f1d65705d9 (diff)
downloadbootstrap-9f2aeafe851bdca522b886c29afcece1ee0060e1.tar.xz
bootstrap-9f2aeafe851bdca522b886c29afcece1ee0060e1.zip
Merge branch 'master' into derp
Conflicts: Gruntfile.js dist/css/bootstrap-theme.css.map dist/css/bootstrap.css dist/css/bootstrap.css.map dist/css/bootstrap.min.css dist/fonts/glyphicons-halflings-regular.svg docs/_includes/components/badges.html docs/_includes/components/input-groups.html docs/_includes/components/pagination.html docs/_includes/css/forms.html docs/_includes/footer.html docs/_includes/getting-started/browser-device-support.html docs/_includes/getting-started/grunt.html docs/_includes/home-nav.html docs/_includes/js/alerts.html docs/_includes/js/buttons.html docs/_includes/js/carousel.html docs/_includes/js/collapse.html docs/_includes/js/modal.html docs/_includes/js/popovers.html docs/_includes/js/tooltips.html docs/_includes/nav/getting-started.html docs/_includes/nav/javascript.html docs/assets/css/docs.min.css docs/assets/css/src/docs.css docs/assets/js/customize.min.js docs/assets/js/raw-files.min.js docs/browser-bugs.html docs/dist/css/bootstrap-theme.css.map docs/dist/css/bootstrap.css docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css docs/dist/fonts/glyphicons-halflings-regular.svg fonts/glyphicons-halflings-regular.svg less/_button-group.less less/_jumbotron.less less/_variables.less less/mixins/vendor-prefixes.less less/panels.less less/thumbnails.less package.json
Diffstat (limited to 'docs/examples')
-rw-r--r--docs/examples/blog/index.html10
-rw-r--r--docs/examples/carousel/index.html8
-rw-r--r--docs/examples/dashboard/index.html8
-rw-r--r--docs/examples/jumbotron/index.html8
-rw-r--r--docs/examples/navbar-fixed-top/index.html8
-rw-r--r--docs/examples/navbar-static-top/index.html8
-rw-r--r--docs/examples/navbar/index.html8
-rw-r--r--docs/examples/non-responsive/index.html8
-rw-r--r--docs/examples/offcanvas/index.html20
-rw-r--r--docs/examples/starter-template/index.html8
-rw-r--r--docs/examples/sticky-footer-navbar/index.html8
-rw-r--r--docs/examples/theme/index.html16
12 files changed, 60 insertions, 58 deletions
diff --git a/docs/examples/blog/index.html b/docs/examples/blog/index.html
index 81624d9f3..59dcd5e2d 100644
--- a/docs/examples/blog/index.html
+++ b/docs/examples/blog/index.html
@@ -104,10 +104,12 @@
<p>Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.</p>
</div><!-- /.blog-post -->
- <ul class="pager">
- <li><a href="#">Previous</a></li>
- <li><a href="#">Next</a></li>
- </ul>
+ <nav>
+ <ul class="pager">
+ <li><a href="#">Previous</a></li>
+ <li><a href="#">Next</a></li>
+ </ul>
+ </nav>
</div><!-- /.blog-main -->
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index 19bc3c1e1..ec31b8155 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -25,10 +25,10 @@
<div class="navbar-wrapper">
<div class="container">
- <div class="navbar navbar-inverse navbar-static-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -36,7 +36,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -56,7 +56,7 @@
</ul>
</div>
</div>
- </div>
+ </nav>
</div>
</div>
diff --git a/docs/examples/dashboard/index.html b/docs/examples/dashboard/index.html
index 813cb9eae..ecec189a4 100644
--- a/docs/examples/dashboard/index.html
+++ b/docs/examples/dashboard/index.html
@@ -22,10 +22,10 @@
<body>
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -33,7 +33,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Dashboard</a></li>
<li><a href="#">Settings</a></li>
@@ -45,7 +45,7 @@
</form>
</div>
</div>
- </div>
+ </nav>
<div class="container-fluid">
<div class="row">
diff --git a/docs/examples/jumbotron/index.html b/docs/examples/jumbotron/index.html
index 4e8f78515..950f82d9d 100644
--- a/docs/examples/jumbotron/index.html
+++ b/docs/examples/jumbotron/index.html
@@ -22,10 +22,10 @@
<body>
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -33,7 +33,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<form class="navbar-form navbar-right" role="form">
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
@@ -45,7 +45,7 @@
</form>
</div><!--/.navbar-collapse -->
</div>
- </div>
+ </nav>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
diff --git a/docs/examples/navbar-fixed-top/index.html b/docs/examples/navbar-fixed-top/index.html
index dca4986c3..571322aea 100644
--- a/docs/examples/navbar-fixed-top/index.html
+++ b/docs/examples/navbar-fixed-top/index.html
@@ -23,10 +23,10 @@
<body>
<!-- Fixed navbar -->
- <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -34,7 +34,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -59,7 +59,7 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
diff --git a/docs/examples/navbar-static-top/index.html b/docs/examples/navbar-static-top/index.html
index 8efa9288e..90d4e85d8 100644
--- a/docs/examples/navbar-static-top/index.html
+++ b/docs/examples/navbar-static-top/index.html
@@ -23,10 +23,10 @@
<body>
<!-- Static navbar -->
- <div class="navbar navbar-default navbar-static-top" role="navigation">
+ <nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -34,7 +34,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -59,7 +59,7 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
diff --git a/docs/examples/navbar/index.html b/docs/examples/navbar/index.html
index 5fb1d5f95..8f148214e 100644
--- a/docs/examples/navbar/index.html
+++ b/docs/examples/navbar/index.html
@@ -25,10 +25,10 @@
<div class="container">
<!-- Static navbar -->
- <div class="navbar navbar-default" role="navigation">
+ <nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -36,7 +36,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
@@ -61,7 +61,7 @@
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
- </div>
+ </nav>
<!-- Main component for a primary marketing message or call to action -->
<div class="jumbotron">
diff --git a/docs/examples/non-responsive/index.html b/docs/examples/non-responsive/index.html
index 539786295..7c165659a 100644
--- a/docs/examples/non-responsive/index.html
+++ b/docs/examples/non-responsive/index.html
@@ -25,10 +25,10 @@
<body>
<!-- Fixed navbar -->
- <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -36,7 +36,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -61,7 +61,7 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
diff --git a/docs/examples/offcanvas/index.html b/docs/examples/offcanvas/index.html
index b4a331a06..229c148fe 100644
--- a/docs/examples/offcanvas/index.html
+++ b/docs/examples/offcanvas/index.html
@@ -21,10 +21,10 @@
</head>
<body>
- <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
+ <nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -32,7 +32,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="collapse navbar-collapse">
+ <div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -40,7 +40,7 @@
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
- </div><!-- /.navbar -->
+ </nav><!-- /.navbar -->
<div class="container">
@@ -55,32 +55,32 @@
<p>This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.</p>
</div>
<div class="row">
- <div class="col-6 col-sm-6 col-lg-4">
+ <div class="col-xs-6 col-lg-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
</div><!--/span-->
- <div class="col-6 col-sm-6 col-lg-4">
+ <div class="col-xs-6 col-lg-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
</div><!--/span-->
- <div class="col-6 col-sm-6 col-lg-4">
+ <div class="col-xs-6 col-lg-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
</div><!--/span-->
- <div class="col-6 col-sm-6 col-lg-4">
+ <div class="col-xs-6 col-lg-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
</div><!--/span-->
- <div class="col-6 col-sm-6 col-lg-4">
+ <div class="col-xs-6 col-lg-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
</div><!--/span-->
- <div class="col-6 col-sm-6 col-lg-4">
+ <div class="col-xs-6 col-lg-4">
<h2>Heading</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
diff --git a/docs/examples/starter-template/index.html b/docs/examples/starter-template/index.html
index 2117bbefc..ff384223a 100644
--- a/docs/examples/starter-template/index.html
+++ b/docs/examples/starter-template/index.html
@@ -22,10 +22,10 @@
<body>
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -33,7 +33,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="collapse navbar-collapse">
+ <div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -41,7 +41,7 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container">
diff --git a/docs/examples/sticky-footer-navbar/index.html b/docs/examples/sticky-footer-navbar/index.html
index 880ed3117..83546750c 100644
--- a/docs/examples/sticky-footer-navbar/index.html
+++ b/docs/examples/sticky-footer-navbar/index.html
@@ -23,10 +23,10 @@
<body>
<!-- Fixed navbar -->
- <div class="navbar navbar-default navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -34,7 +34,7 @@
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
- <div class="collapse navbar-collapse">
+ <div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -54,7 +54,7 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<!-- Begin page content -->
<div class="container">
diff --git a/docs/examples/theme/index.html b/docs/examples/theme/index.html
index 54bf85346..7b817f4b9 100644
--- a/docs/examples/theme/index.html
+++ b/docs/examples/theme/index.html
@@ -25,10 +25,10 @@
<body role="document">
<!-- Fixed navbar -->
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
@@ -36,7 +36,7 @@
</button>
<a class="navbar-brand" href="#">Bootstrap theme</a>
</div>
- <div class="navbar-collapse collapse">
+ <div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
@@ -56,7 +56,7 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
<div class="container theme-showcase" role="main">
@@ -371,7 +371,7 @@
<h1>Navbars</h1>
</div>
- <div class="navbar navbar-default">
+ <nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
@@ -402,9 +402,9 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>
- <div class="navbar navbar-inverse">
+ <nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
@@ -435,7 +435,7 @@
</ul>
</div><!--/.nav-collapse -->
</div>
- </div>
+ </nav>