diff options
| author | Mark Otto <[email protected]> | 2013-08-15 17:39:37 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-15 17:39:37 -0700 |
| commit | 024e320e5c3cf1adce8404f87e7c0c746461b6e8 (patch) | |
| tree | f142ffcba74795c717cfa94b92e3f79ef561d1bc /examples/offcanvas | |
| parent | 05ebd5ebf9b32e7c1d8ea05098c53a0b4496d442 (diff) | |
| download | bootstrap-024e320e5c3cf1adce8404f87e7c0c746461b6e8.tar.xz bootstrap-024e320e5c3cf1adce8404f87e7c0c746461b6e8.zip | |
hella examples fixing, mostly navbars and lots of work on grids example
Diffstat (limited to 'examples/offcanvas')
| -rw-r--r-- | examples/offcanvas/index.html | 34 | ||||
| -rw-r--r-- | examples/offcanvas/offcanvas.css | 12 |
2 files changed, 23 insertions, 23 deletions
diff --git a/examples/offcanvas/index.html b/examples/offcanvas/index.html index 1092f2c1a..e6c186462 100644 --- a/examples/offcanvas/index.html +++ b/examples/offcanvas/index.html @@ -9,7 +9,7 @@ <title>Off Canvas Template for Bootstrap</title> <!-- Bootstrap core CSS --> - <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet"> + <link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="offcanvas.css" rel="stylesheet"> @@ -18,16 +18,15 @@ <body> <div class="navbar navbar-fixed-top navbar-inverse" role="navigation"> <div class="container"> - - <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - - <a class="navbar-brand" href="#">Project name</a> - - <div class="nav-collapse collapse navbar-responsive-collapse"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">Project name</a> + </div> + <div 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,8 +39,8 @@ <div class="container"> <div class="row row-offcanvas row-offcanvas-right"> - <div class="col-12 col-sm-9 col-lg-9"> - <p class="pull-right visible-sm"> + <div class="col-xs-12 col-sm-9"> + <p class="pull-right visible-xs"> <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button> </p> <div class="jumbotron"> @@ -81,7 +80,8 @@ </div><!--/span--> </div><!--/row--> </div><!--/span--> - <nav class="col-3 col-sm-3 col-lg-3 sidebar-offcanvas" id="sidebar" role="navigation"> + + <div class="col-xs-12 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> <div class="well sidebar-nav"> <ul class="nav"> <li>Sidebar</li> @@ -97,7 +97,7 @@ <li><a href="#">Link</a></li> </ul> </div><!--/.well --> - </nav><!--/span--> + </div><!--/span--> </div><!--/row--> <hr> @@ -109,8 +109,8 @@ </div><!--/.container--> <!-- jQuery and plugin --> - <script src="../assets/js/jquery.js"></script> - <script src="../bootstrap/js/bootstrap.min.js"></script> + <script src="../../assets/js/jquery.js"></script> + <script src="../../dist/js/bootstrap.min.js"></script> <script src="offcanvas.js"></script> </body> </html>
\ No newline at end of file diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css index 27a075d76..e83e71824 100644 --- a/examples/offcanvas/offcanvas.css +++ b/examples/offcanvas/offcanvas.css @@ -17,7 +17,7 @@ footer { @media screen and (max-width: 768px) { .row-offcanvas { position: relative; - overflow: hidden // Needed for Internet Explorer + overflow: hidden; /* Needed for Internet Explorer */ -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; @@ -25,24 +25,24 @@ footer { .row-offcanvas-right .sidebar-offcanvas { - right: -58.333333333333336%; // 6 columns + right: -58.333333333333336%; /* 6 columns */ } .row-offcanvas-left .sidebar-offcanvas { - left: -58.333333333333336%; // 6 columns + left: -58.333333333333336%; /* 6 columns */ } .row-offcanvas-right.active { - right: 58.333333333333336%; // 6 columns + right: 58.333333333333336%; /* 6 columns */ } .row-offcanvas-left.active { - left: 58.333333333333336%; // 6 columns + left: 58.333333333333336%; /* 6 columns */ } .sidebar-offcanvas { position: absolute; - width: 58.333333333333336%; // 6 columns + width: 58.333333333333336%; /* 6 columns */ } }
\ No newline at end of file |