aboutsummaryrefslogtreecommitdiff
path: root/docs/4.0/examples/offcanvas
diff options
context:
space:
mode:
authorlucascono <[email protected]>2017-10-04 05:33:17 -0300
committerlucascono <[email protected]>2017-10-04 05:33:17 -0300
commit8c04a74c8c7f0174ea08bc02fa3762f49bf615a3 (patch)
treedb9d6923c082243d765c57885992db8dd26a70b5 /docs/4.0/examples/offcanvas
parent9aff890efa3798f831b714c41794c9fee0684bae (diff)
parentb29b1e155880ac953899889c9cbb67f7f7df0529 (diff)
downloadbootstrap-8c04a74c8c7f0174ea08bc02fa3762f49bf615a3.tar.xz
bootstrap-8c04a74c8c7f0174ea08bc02fa3762f49bf615a3.zip
Merge remote-tracking branch 'refs/remotes/twbs/v4-dev' into v4-dev
Diffstat (limited to 'docs/4.0/examples/offcanvas')
-rw-r--r--docs/4.0/examples/offcanvas/index.html14
-rw-r--r--docs/4.0/examples/offcanvas/offcanvas.css16
-rw-r--r--docs/4.0/examples/offcanvas/offcanvas.js10
3 files changed, 17 insertions, 23 deletions
diff --git a/docs/4.0/examples/offcanvas/index.html b/docs/4.0/examples/offcanvas/index.html
index d4e6be368..c3ba9694c 100644
--- a/docs/4.0/examples/offcanvas/index.html
+++ b/docs/4.0/examples/offcanvas/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -51,7 +51,7 @@
</div>
</nav>
- <div class="container">
+ <main role="main" class="container">
<div class="row row-offcanvas row-offcanvas-right">
@@ -115,11 +115,11 @@
<hr>
- <footer>
- <p>&copy; Company 2017</p>
- </footer>
+ </main><!--/.container-->
- </div><!--/.container-->
+ <footer>
+ <p>&copy; Company 2017</p>
+ </footer>
<!-- Bootstrap core JavaScript
@@ -129,8 +129,6 @@
<script>window.jQuery || document.write('<script src="../../../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="../../../../assets/js/vendor/popper.min.js"></script>
<script src="../../../../dist/js/bootstrap.min.js"></script>
- <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
- <script src="../../../../assets/js/ie10-viewport-bug-workaround.js"></script>
<script src="offcanvas.js"></script>
</body>
</html>
diff --git a/docs/4.0/examples/offcanvas/offcanvas.css b/docs/4.0/examples/offcanvas/offcanvas.css
index 6047cb304..1c9ca3b44 100644
--- a/docs/4.0/examples/offcanvas/offcanvas.css
+++ b/docs/4.0/examples/offcanvas/offcanvas.css
@@ -20,9 +20,7 @@ footer {
@media screen and (max-width: 767px) {
.row-offcanvas {
position: relative;
- -webkit-transition: all .25s ease-out;
- -o-transition: all .25s ease-out;
- transition: all .25s ease-out;
+ transition: all .25s ease-out;
}
.row-offcanvas-right {
@@ -33,23 +31,19 @@ footer {
left: 0;
}
- .row-offcanvas-right
- .sidebar-offcanvas {
+ .row-offcanvas-right .sidebar-offcanvas {
right: -100%; /* 12 columns */
}
- .row-offcanvas-right.active
- .sidebar-offcanvas {
+ .row-offcanvas-right.active .sidebar-offcanvas {
right: -50%; /* 6 columns */
}
- .row-offcanvas-left
- .sidebar-offcanvas {
+ .row-offcanvas-left .sidebar-offcanvas {
left: -100%; /* 12 columns */
}
- .row-offcanvas-left.active
- .sidebar-offcanvas {
+ .row-offcanvas-left.active .sidebar-offcanvas {
left: -50%; /* 6 columns */
}
diff --git a/docs/4.0/examples/offcanvas/offcanvas.js b/docs/4.0/examples/offcanvas/offcanvas.js
index d14cd68b8..a41847081 100644
--- a/docs/4.0/examples/offcanvas/offcanvas.js
+++ b/docs/4.0/examples/offcanvas/offcanvas.js
@@ -1,5 +1,7 @@
-$(document).ready(function () {
- $('[data-toggle="offcanvas"]').click(function () {
+$(function () {
+ 'use strict'
+
+ $('[data-toggle="offcanvas"]').on('click', function () {
$('.row-offcanvas').toggleClass('active')
- });
-});
+ })
+})