Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 6.29 KB
Newer Older
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
1
2
3
4 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
Julian Thilo's avatar
Disable IE Compatibility Mode in docs, examples    
Julian Thilo committed
5 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
Patrick H. Lauke's avatar
Add shrink-to-fit viewport directive    
Patrick H. Lauke committed
6 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
Kevin Kirsche's avatar
Fix issue #15601 — Position of X-UA-Compatible    
Kevin Kirsche committed
7 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
8
9 
    <meta name="description" content="">
    <meta name="author" content="">
XhmikosR's avatar
Move apple-touch-icon-precomposed.png and favicon.ico in docs root.    
XhmikosR committed
10 
    <link rel="icon" href="../../favicon.ico">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
11
Nicole's avatar
change file names to example names    
Nicole committed
12 
    <title>Off Canvas Template for Bootstrap</title>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
13
14 

    <!-- Bootstrap core CSS -->
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
15 
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
16
17 

    <!-- Custom styles for this template -->
Nicole's avatar
add git ignore    
Nicole committed
18 
    <link href="offcanvas.css" rel="stylesheet">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
19
20
21 
  </head>

  <body>
Kevin Kirsche's avatar
Fix Navbar at top of v4 Offcanvas example    
Kevin Kirsche committed
22 
    <nav class="navbar navbar-fixed-top navbar-dark bg-inverse">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
23 
      <div class="container">
Kevin Kirsche's avatar
Fix Navbar at top of v4 Offcanvas example    
Kevin Kirsche committed
24
25
26
27
28
29 
        <a class="navbar-brand" href="#">Project name</a>
        <ul class="nav navbar-nav">
          <li class="nav-item active"><a class="nav-link" href="#">Home</a></li>
          <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
          <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
        </ul>
ggam's avatar
Simplified Off Canvas example:    
ggam committed
30 
      </div><!-- /.container -->
Chris Rebert's avatar
consistently use <nav> instead of <div> for .navbar in docs    
Chris Rebert committed
31 
    </nav><!-- /.navbar -->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
32
33
34
35 

    <div class="container">

      <div class="row row-offcanvas row-offcanvas-right">
Mark Otto's avatar
fixes alignment and nav list in offcanvas example    
Mark Otto committed
36
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
37 
        <div class="col-xs-12 col-sm-9">
Chris Rebert's avatar
Add responsive float classes; fixes #13690    
Chris Rebert committed
38 
          <p class="pull-xs-right hidden-sm-up">
vsn4ik's avatar
Remove dropped btn-xs and btn-group-xs from docs    
vsn4ik committed
39 
            <button type="button" class="btn btn-primary btn-sm" data-toggle="offcanvas">Toggle nav</button>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
40
41
42
43
44
45 
          </p>
          <div class="jumbotron">
            <h1>Hello, world!</h1>
            <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">
thr3-arendt's avatar
Replace nonexistent .col-6 classes in offcanvas example with .col-xs-6    
thr3-arendt committed
46 
            <div class="col-xs-6 col-lg-4">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
47
48 
              <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
49 
              <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
50 
            </div><!--/span-->
thr3-arendt's avatar
Replace nonexistent .col-6 classes in offcanvas example with .col-xs-6    
thr3-arendt committed
51 
            <div class="col-xs-6 col-lg-4">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
52
53 
              <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
54 
              <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
55 
            </div><!--/span-->
thr3-arendt's avatar
Replace nonexistent .col-6 classes in offcanvas example with .col-xs-6    
thr3-arendt committed
56 
            <div class="col-xs-6 col-lg-4">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
57
58 
              <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
59 
              <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
60 
            </div><!--/span-->
thr3-arendt's avatar
Replace nonexistent .col-6 classes in offcanvas example with .col-xs-6    
thr3-arendt committed
61 
            <div class="col-xs-6 col-lg-4">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
62
63 
              <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
64 
              <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
65 
            </div><!--/span-->
thr3-arendt's avatar
Replace nonexistent .col-6 classes in offcanvas example with .col-xs-6    
thr3-arendt committed
66 
            <div class="col-xs-6 col-lg-4">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
67
68 
              <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
69 
              <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
70 
            </div><!--/span-->
thr3-arendt's avatar
Replace nonexistent .col-6 classes in offcanvas example with .col-xs-6    
thr3-arendt committed
71 
            <div class="col-xs-6 col-lg-4">
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
72
73 
              <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>
Mark Otto's avatar
.btn-default to .btn-secondary    
Mark Otto committed
74 
              <p><a class="btn btn-secondary" href="#" role="button">View details &raquo;</a></p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
75
76
77 
            </div><!--/span-->
          </div><!--/row-->
        </div><!--/span-->
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
78
Patrick H. Lauke's avatar
Redundant role="navigation" on <nav>s    
Patrick H. Lauke committed
79 
        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
Mark Otto's avatar
fixes alignment and nav list in offcanvas example    
Mark Otto committed
80
81
82
83
84
85
86
87
88
89
90
91 
          <div class="list-group">
            <a href="#" class="list-group-item active">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
          </div>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
92 
        </div><!--/span-->
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
93
94
95
96
97 
      </div><!--/row-->

      <hr>

      <footer>
Julian Thilo's avatar
Update copyright notices in all places    
Julian Thilo committed
98 
        <p>&copy; Company 2014</p>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
99
100
101
102 
      </footer>

    </div><!--/.container-->
Mark Otto's avatar
add respond.js to all examples (fixes #9731)    
Mark Otto committed
103
104
105
106 

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
Chris Rebert's avatar
docs: Add SRI hash for jQuery; refs #18665    
Chris Rebert committed
107 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
XhmikosR's avatar
Add a local jQuery fallback.    
XhmikosR committed
108 
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
Chris Rebert's avatar
docs: Add SRI hash for Tether; refs #18665    
Chris Rebert committed
109 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.1.1/js/tether.min.js" integrity="sha384-MWq1Lnqj72tmjGdOKuNBn3E0gj3vWfy/1EmR5TVL8d8nGvwgy32YkCpKpTUhwBVv" crossorigin="anonymous"></script>
Mark Otto's avatar
hella examples fixing, mostly navbars and lots of work on grids example    
Mark Otto committed
110 
    <script src="../../dist/js/bootstrap.min.js"></script>
Chris Rebert's avatar
Fix #14164: move Windows Phone 8 IE10 viewport bug workaround script to footer of pages    
Chris Rebert committed
111
112 
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
Nicole's avatar
add git ignore    
Nicole committed
113 
    <script src="offcanvas.js"></script>
Nicole's avatar
Update remaining templates to match starter template  
Nicole committed
114 
  </body>
Mark Otto's avatar
add respond.js to all examples (fixes #9731)    
Mark Otto committed
115 
</html>