From 4fe37339653c909368ba772ea9214c0b2a511fee Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Fri, 16 Aug 2013 16:26:07 -0700 Subject: update bootstrap to 3.0.0-rc2 --- .../bootstrap/examples/offcanvas/index.html | 117 +++++++++++++++++++++ .../bootstrap/examples/offcanvas/offcanvas.css | 48 +++++++++ .../bootstrap/examples/offcanvas/offcanvas.js | 5 + 3 files changed, 170 insertions(+) create mode 100755 bower_components/bootstrap/examples/offcanvas/index.html create mode 100755 bower_components/bootstrap/examples/offcanvas/offcanvas.css create mode 100755 bower_components/bootstrap/examples/offcanvas/offcanvas.js (limited to 'bower_components/bootstrap/examples/offcanvas') diff --git a/bower_components/bootstrap/examples/offcanvas/index.html b/bower_components/bootstrap/examples/offcanvas/index.html new file mode 100755 index 00000000..5d6b7b81 --- /dev/null +++ b/bower_components/bootstrap/examples/offcanvas/index.html @@ -0,0 +1,117 @@ + + + + + + + + + + Off Canvas Template for Bootstrap + + + + + + + + + + + +
+ +
+
+

+ +

+
+

Hello, world!

+

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.

+
+
+
+

Heading

+

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.

+

View details »

+
+
+

Heading

+

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.

+

View details »

+
+
+

Heading

+

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.

+

View details »

+
+
+

Heading

+

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.

+

View details »

+
+
+

Heading

+

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.

+

View details »

+
+
+

Heading

+

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.

+

View details »

+
+
+
+ + +
+ +
+ +
+

© Company 2013

+
+ +
+ + + + + + + \ No newline at end of file diff --git a/bower_components/bootstrap/examples/offcanvas/offcanvas.css b/bower_components/bootstrap/examples/offcanvas/offcanvas.css new file mode 100755 index 00000000..df60d6af --- /dev/null +++ b/bower_components/bootstrap/examples/offcanvas/offcanvas.css @@ -0,0 +1,48 @@ +/* + * Style twaks + * -------------------------------------------------- + */ +body { + padding-top: 70px; +} +footer { + padding-left: 15px; + padding-right: 15px; +} + +/* + * Off Canvas + * -------------------------------------------------- + */ +@media screen and (max-width: 768px) { + .row-offcanvas { + position: relative; + -webkit-transition: all 0.25s ease-out; + -moz-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; + } + + .row-offcanvas-right + .sidebar-offcanvas { + right: -50%; /* 6 columns */ + } + + .row-offcanvas-left + .sidebar-offcanvas { + left: -50%; /* 6 columns */ + } + + .row-offcanvas-right.active { + right: 50%; /* 6 columns */ + } + + .row-offcanvas-left.active { + left: 50%; /* 6 columns */ + } + + .sidebar-offcanvas { + position: absolute; + top: 0; + width: 50%; /* 6 columns */ + } +} \ No newline at end of file diff --git a/bower_components/bootstrap/examples/offcanvas/offcanvas.js b/bower_components/bootstrap/examples/offcanvas/offcanvas.js new file mode 100755 index 00000000..12f2dff5 --- /dev/null +++ b/bower_components/bootstrap/examples/offcanvas/offcanvas.js @@ -0,0 +1,5 @@ +$(document).ready(function() { + $('[data-toggle=offcanvas]').click(function() { + $('.row-offcanvas').toggleClass('active'); + }); +}); \ No newline at end of file -- cgit v1.2.3