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 + + + + + + + + + +
+ +
+

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 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.

+