From 6c765ac8211536e9701e996416b8a5296590d5fd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 15:02:38 -0700 Subject: add nonresponsive template to examples --- examples/non-responsive/index.html | 47 +++++++++++++++++++++++++++++ examples/non-responsive/non-responsive.css | 12 ++++++++ examples/screenshots/non-responsive.jpg | Bin 0 -> 77275 bytes 3 files changed, 59 insertions(+) create mode 100644 examples/non-responsive/index.html create mode 100644 examples/non-responsive/non-responsive.css create mode 100644 examples/screenshots/non-responsive.jpg (limited to 'examples') 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 @@ + + + + + + + + + + + + Non-responsive Template for Bootstrap + + + + + + + + + +
+ +
+

Non-responsive Bootstrap

+

Disable the responsiveness of Bootstrap by fixing the width of the container and using the first grid system tier.

+
+ +

What changes

+

Note the lack of the <meta name="viewport" content="width=device-width, initial-scale=1.0">, which disables the zooming aspect of sites in mobile devices. In addition, we reset our container's width and are essentially good to go.

+ +

Non-responsive grid system

+
+
One third
+
One third
+
One third
+
+ +
+ + + + + + + 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 new file mode 100644 index 000000000..87a679e54 Binary files /dev/null and b/examples/screenshots/non-responsive.jpg differ -- cgit v1.2.3