Non-responsive Template for Bootstrap

From: Mark Otto Date: Sat, 17 Aug 2013 22:02:38 +0000 (-0700) Subject: add nonresponsive template to examples X-Git-Tag: v3.0.0~75^2~23^2~6 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6c765ac8211536e9701e996416b8a5296590d5fd;p=thirdparty%2Fbootstrap.git add nonresponsive template to examples --- diff --git a/examples/non-responsive/index.html b/examples/non-responsive/index.html new file mode 100644 index 0000000000..7eb2138d1e --- /dev/null +++ b/examples/non-responsive/index.html @@ -0,0 +1,47 @@ + + + + + + + + + + + + Non-responsive Template for Bootstrap + + + + + + + + + +

+ + + +

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

+ +

+ + + + + + + diff --git a/examples/non-responsive/non-responsive.css b/examples/non-responsive/non-responsive.css new file mode 100644 index 0000000000..19901ca45e --- /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 0000000000..87a679e54c Binary files /dev/null and b/examples/screenshots/non-responsive.jpg differ diff --git a/getting-started.html b/getting-started.html index ea5f96e61f..b83ec90dd1 100644 --- a/getting-started.html +++ b/getting-started.html @@ -234,6 +234,13 @@ bootstrap/

Carousel

Customize the navbar and carousel, then add some new components.

+ +

Non-responsive Bootstrap

Easily disable the responsiveness of Bootstrap per our docs.