diff options
| author | Mark Otto <[email protected]> | 2013-08-17 15:02:38 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-17 15:02:38 -0700 |
| commit | 6c765ac8211536e9701e996416b8a5296590d5fd (patch) | |
| tree | d8aa91b7a243fa95d9087232f236ecd2c167f66a /examples | |
| parent | fdb7121f416048b2c06a90c4e00ab434e28e907e (diff) | |
| download | bootstrap-6c765ac8211536e9701e996416b8a5296590d5fd.tar.xz bootstrap-6c765ac8211536e9701e996416b8a5296590d5fd.zip | |
add nonresponsive template to examples
Diffstat (limited to 'examples')
| -rw-r--r-- | examples/non-responsive/index.html | 47 | ||||
| -rw-r--r-- | examples/non-responsive/non-responsive.css | 12 | ||||
| -rw-r--r-- | examples/screenshots/non-responsive.jpg | bin | 0 -> 77275 bytes |
3 files changed, 59 insertions, 0 deletions
diff --git a/examples/non-responsive/index.html b/examples/non-responsive/index.html new file mode 100644 index 000000000..7eb2138d1 --- /dev/null +++ b/examples/non-responsive/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta name="description" content=""> + <meta name="author" content=""> + + <!-- Note there is no responsive meta tag here --> + + <link rel="shortcut icon" href="../../assets/ico/favicon.png"> + + <title>Non-responsive Template for Bootstrap</title> + + <!-- Bootstrap core CSS --> + <link href="../../dist/css/bootstrap.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="non-responsive.css" rel="stylesheet"> + </head> + + <body> + <div class="container"> + + <div class="page-header"> + <h1>Non-responsive Bootstrap</h1> + <p class="lead">Disable the responsiveness of Bootstrap by fixing the width of the container and using the first grid system tier.</p> + </div> + + <h3>What changes</h3> + <p>Note the lack of the <code><meta name="viewport" content="width=device-width, initial-scale=1.0"></code>, which disables the zooming aspect of sites in mobile devices. In addition, we reset our container's width and are essentially good to go.</p> + + <h3>Non-responsive grid system</h3> + <div class="row"> + <div class="col-xs-4">One third</div> + <div class="col-xs-4">One third</div> + <div class="col-xs-4">One third</div> + </div> + + </div> <!-- /container --> + + + <!-- Bootstrap core JavaScript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> + <script src="../../assets/js/respond.min.js"></script> + </body> +</html> diff --git a/examples/non-responsive/non-responsive.css b/examples/non-responsive/non-responsive.css new file mode 100644 index 000000000..19901ca45 --- /dev/null +++ b/examples/non-responsive/non-responsive.css @@ -0,0 +1,12 @@ +.container { + max-width: 970px; +} + +.col-xs-4 { + padding-top: 15px; + padding-bottom: 15px; + background-color: #eee; + border: 1px solid #ddd; + background-color: rgba(86,61,124,.15); + border: 1px solid rgba(86,61,124,.2); +} diff --git a/examples/screenshots/non-responsive.jpg b/examples/screenshots/non-responsive.jpg Binary files differnew file mode 100644 index 000000000..87a679e54 --- /dev/null +++ b/examples/screenshots/non-responsive.jpg |
