From dba9eea98d84929c701f68e64817e9ad707f739e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 18:48:00 -0800 Subject: revamp narrow jumbotron to avoid conflicts with docs .masthead --- docs/examples/jumbotron-narrow.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html index 6a7390045..b2c037a9e 100644 --- a/docs/examples/jumbotron-narrow.html +++ b/docs/examples/jumbotron-narrow.html @@ -12,7 +12,7 @@ title: Narrow page template } /* Everything but the jumbotron gets side spacing for mobile-first views */ - .masthead, + .header, .marketing, .footer { padding-left: 15px; @@ -20,11 +20,11 @@ title: Narrow page template } /* Custom page header */ - .masthead { + .header { border-bottom: 1px solid #e5e5e5; } /* Make the masthead heading the same height as the navigation */ - .masthead h3 { + .header h3 { margin-top: 0; margin-bottom: 0; line-height: 40px; @@ -64,14 +64,14 @@ title: Narrow page template /* Responsive: Portrait tablets and up */ @media screen and (min-width: 768px) { /* Remove the padding we set earlier */ - .masthead, + .header, .marketing, .footer { padding-left: 0; padding-right: 0; } /* Space out the masthead */ - .masthead { + .header { margin-bottom: 30px; } } @@ -80,7 +80,7 @@ title: Narrow page template
-
+
  • Home
  • About
    • -- cgit v1.2.3 From c6f341bd17f24b1d744e1ec07f6974fd85d8825b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 18:58:40 -0800 Subject: Refactor some common classes from docs css and examples, then prevent examples from using docs.css --- docs/examples/jumbotron-narrow.html | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html index b2c037a9e..c39b5397b 100644 --- a/docs/examples/jumbotron-narrow.html +++ b/docs/examples/jumbotron-narrow.html @@ -31,6 +31,13 @@ title: Narrow page template padding-bottom: 19px; } + /* Custom page footer */ + .footer { + padding-top: 19px; + color: #777; + border-top: 1px solid #e5e5e5; + } + /* Custom container */ .container-narrow { margin: 0 auto; @@ -119,8 +126,6 @@ title: Narrow page template
-
-

© Company 2013

-- cgit v1.2.3 From 9b3262cb151346432756eba2625d19af733858c8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 19:04:38 -0800 Subject: more narrow jumbotron example fixes in the mobile first arena --- docs/examples/jumbotron-narrow.html | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html index c39b5397b..b9a26c757 100644 --- a/docs/examples/jumbotron-narrow.html +++ b/docs/examples/jumbotron-narrow.html @@ -50,10 +50,7 @@ title: Narrow page template /* Main marketing message and sign up button */ .jumbotron { text-align: center; - } - .jumbotron h1 { - font-size: 72px; - line-height: 1; + border-bottom: 1px solid #e5e5e5; } .jumbotron .btn { font-size: 21px; @@ -81,6 +78,10 @@ title: Narrow page template .header { margin-bottom: 30px; } + /* Remove the bottom border on the jumbotron for visual effect */ + .jumbotron { + border-bottom: 0; + } } @@ -97,7 +98,7 @@ title: Narrow page template
-

Super awesome marketing speak!

+

Jumbotron heading

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Sign up today

-- cgit v1.2.3 From 5b3b11c02a107573e6ff3e7a8da907792f6716f8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Feb 2013 00:42:24 -0800 Subject: moved examples added --- docs/examples/navbar-fixed-top.html | 67 ++++++++++++++++++++++++++++++++++++ docs/examples/navbar-static-top.html | 64 ++++++++++++++++++++++++++++++++++ docs/examples/navbar.html | 67 ++++++++++++++++++++++++++++++++++++ 3 files changed, 198 insertions(+) create mode 100644 docs/examples/navbar-fixed-top.html create mode 100644 docs/examples/navbar-static-top.html create mode 100644 docs/examples/navbar.html (limited to 'docs/examples') diff --git a/docs/examples/navbar-fixed-top.html b/docs/examples/navbar-fixed-top.html new file mode 100644 index 000000000..e1f1c882a --- /dev/null +++ b/docs/examples/navbar-fixed-top.html @@ -0,0 +1,67 @@ +--- +layout: example +title: Fixed navbar template +--- + + + + + + +
+
+ + + + + + Project name +
+ + +
+
+
+ +
+ + +
+

Navbar example

+

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

+

+ View navbar docs » +

+
+ +
diff --git a/docs/examples/navbar-static-top.html b/docs/examples/navbar-static-top.html new file mode 100644 index 000000000..2679a670b --- /dev/null +++ b/docs/examples/navbar-static-top.html @@ -0,0 +1,64 @@ +--- +layout: example +title: Static navbar template +--- + + + + + + +
+
+ + + + + + Project name +
+ + +
+
+
+ + +
+ + +
+

Navbar example

+

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

+

+ View navbar docs » +

+
+ +
diff --git a/docs/examples/navbar.html b/docs/examples/navbar.html new file mode 100644 index 000000000..6cba51dc5 --- /dev/null +++ b/docs/examples/navbar.html @@ -0,0 +1,67 @@ +--- +layout: example +title: Navbar template +--- + + + + + +
+ + +
+
+ + + + + + Project name +
+ + +
+
+
+ + +
+

Navbar example

+

This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

+

+ View navbar docs » +

+
+ +
-- cgit v1.2.3 From ea01e8bbc4fd42ac1e77b5af197b3b1198c50acc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Feb 2013 00:49:21 -0800 Subject: nuke remaining less/tests/ files and move grid over to examples dir --- docs/examples/grid.html | 64 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 docs/examples/grid.html (limited to 'docs/examples') diff --git a/docs/examples/grid.html b/docs/examples/grid.html new file mode 100644 index 000000000..4fc724a5a --- /dev/null +++ b/docs/examples/grid.html @@ -0,0 +1,64 @@ +--- +layout: example +title: Grid template +--- + + + + + +
+ +
+

Grids

+
+ +

Default grid columns

+
+
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
1
+
+
+
4
+
4
+
4
+
+
+
6
+
6
+
+
+
12
+
+
+ +
-- cgit v1.2.3