mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 23:59:53 +02:00
Code Issues Releases Wiki Activity

v4 beta2

Browse Source
This commit is contained in:
Mark Otto
2017-10-19 12:22:00 -07:00
parent d34d1c1c44
commit 4739795c1e
162 changed files with 25392 additions and 46232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
docs/4.0/examples/offcanvas/index.html
View File

@@ -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>

16
docs/4.0/examples/offcanvas/offcanvas.css
View File

@@ -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 */
}

10
docs/4.0/examples/offcanvas/offcanvas.js
View File

@@ -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')
});
});
})
})