From 848ca6e31562fc65da891cce9046853bd16564eb Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Wed, 2 Jan 2013 22:39:21 +0000 Subject: Basic keyboard accessibility CSS tweaks Mostly doubling-up :hover styles to also cover :focus, as a first step to making the framework more keyboard-friendly. Additionally, fixed two small markup issues in the docs/examples to make the "Learn more" large primary button-styled links keyboard-focusable (as without href they're treated as non-tabable anchors). --- docs/examples/fluid.html | 2 +- docs/examples/hero.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/fluid.html b/docs/examples/fluid.html index 4ca2920ef..359c4beed 100644 --- a/docs/examples/fluid.html +++ b/docs/examples/fluid.html @@ -86,7 +86,7 @@

Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

-

Learn more »

+

Learn more »

diff --git a/docs/examples/hero.html b/docs/examples/hero.html index f0a5e1709..1b9fc2fce 100644 --- a/docs/examples/hero.html +++ b/docs/examples/hero.html @@ -75,7 +75,7 @@

Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

-

Learn more »

+

Learn more »

-- cgit v1.2.3 From f9ee99cf6febd0b59ee95aa1866a3c1eb5c61320 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 14 Jan 2013 00:11:55 -0800 Subject: Upgrade to newest HTML5 shiv, and make it a local dependency rather than CDNing --- docs/examples/carousel.html | 2 +- docs/examples/fluid.html | 2 +- docs/examples/hero.html | 2 +- docs/examples/justified-nav.html | 2 +- docs/examples/marketing-narrow.html | 2 +- docs/examples/signin.html | 2 +- docs/examples/starter-template.html | 2 +- docs/examples/sticky-footer-navbar.html | 2 +- docs/examples/sticky-footer.html | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 328fe5a1e..50f34e648 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -255,7 +255,7 @@ diff --git a/docs/examples/fluid.html b/docs/examples/fluid.html index 242050ab8..b004ffad6 100644 --- a/docs/examples/fluid.html +++ b/docs/examples/fluid.html @@ -31,7 +31,7 @@ diff --git a/docs/examples/hero.html b/docs/examples/hero.html index 6c585eac2..c28b757b9 100644 --- a/docs/examples/hero.html +++ b/docs/examples/hero.html @@ -19,7 +19,7 @@ diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index 9071a8d81..ef8f8d428 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -84,7 +84,7 @@ diff --git a/docs/examples/marketing-narrow.html b/docs/examples/marketing-narrow.html index 996f8a1da..f6f5d1685 100644 --- a/docs/examples/marketing-narrow.html +++ b/docs/examples/marketing-narrow.html @@ -50,7 +50,7 @@ diff --git a/docs/examples/signin.html b/docs/examples/signin.html index 17578483a..031052789 100644 --- a/docs/examples/signin.html +++ b/docs/examples/signin.html @@ -46,7 +46,7 @@ diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index 93ba809e3..b81f21d17 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -18,7 +18,7 @@ diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index ad4f87a04..cb5de6de2 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -70,7 +70,7 @@ diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 80490ffd0..d307d7938 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -67,7 +67,7 @@ -- cgit v1.2.3 From 1b128b34310898382e1af54abbf6be3ec6e55361 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:28:05 -0800 Subject: comment tweaks and updating starter template --- docs/examples/starter-template.html | 21 ++++++++++----------- 1 file changed, 10 insertions(+), 11 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index b81f21d17..88d39d979 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -2,23 +2,22 @@ - Bootstrap, from Twitter + Starter template · Bootstrap - + - - - + + + + + @@ -56,9 +55,9 @@

Bootstrap starter template

Use this document as a way to quick start any new project.
All you get is this message and a barebones HTML document.

-
+
- -- cgit v1.2.3 From ac3c907799848a4be3cd80765e385306491acf43 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:30:19 -0800 Subject: finish updating starter template --- docs/examples/starter-template.html | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index 88d39d979..cea480d49 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -26,6 +26,14 @@ + + + @@ -52,8 +60,10 @@
-

Bootstrap starter template

-

Use this document as a way to quick start any new project.
All you get is this message and a barebones HTML document.

+
+

Bootstrap starter template

+

Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.

+
-- cgit v1.2.3 From 6466fe00a1c53691832095fe97f90e295f3489e6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:32:07 -0800 Subject: Rename hero.html to jumbotron.html --- docs/examples/hero.html | 126 ------------------------------------------- docs/examples/jumbotron.html | 126 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 126 insertions(+), 126 deletions(-) delete mode 100644 docs/examples/hero.html create mode 100644 docs/examples/jumbotron.html (limited to 'docs/examples') diff --git a/docs/examples/hero.html b/docs/examples/hero.html deleted file mode 100644 index c28b757b9..000000000 --- a/docs/examples/hero.html +++ /dev/null @@ -1,126 +0,0 @@ - - - - - Bootstrap, from Twitter - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - - - - - Project name -
- -
- - - -
-
-
-
-
- -
- - -
-

Hello, world!

-

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

-

Learn more »

-
- - -
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

-

View details »

-
-
- -
- -
-

© Company 2013

-
- -
- - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html new file mode 100644 index 000000000..c28b757b9 --- /dev/null +++ b/docs/examples/jumbotron.html @@ -0,0 +1,126 @@ + + + + + Bootstrap, from Twitter + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + + Project name +
+ +
+ + + +
+
+
+
+
+ +
+ + +
+

Hello, world!

+

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

+

Learn more »

+
+ + +
+
+

Heading

+

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

+

View details »

+
+
+

Heading

+

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

+

View details »

+
+
+

Heading

+

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+

View details »

+
+
+ +
+ +
+

© Company 2013

+
+ +
+ + + + + + + + + + + + + + + + + + + -- cgit v1.2.3 From caed3a9dbb8de5f8269b0d9439c52a985c5b1a83 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:35:59 -0800 Subject: fix up jumbotron example --- docs/examples/jumbotron.html | 101 +++++++++++++++++++++++-------------------- 1 file changed, 55 insertions(+), 46 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index c28b757b9..cb2f9c5b6 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -2,24 +2,22 @@ - Bootstrap, from Twitter + Jumbotron template · Bootstrap - + - - - + + + + + @@ -28,51 +26,60 @@ + + +
-
-
- - - - - - Project name -
- -
- - - -
-
-
+
+ + + + + + Project name +
+ +
+ + + +
+
- -
+ +

Hello, world!

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

Learn more »

@@ -105,7 +112,9 @@
- -- cgit v1.2.3 From 8111e307b960efa60220687d60496012d9903af1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:39:38 -0800 Subject: Remove docs and prettify css from examples thus far; update narrow page --- docs/examples/jumbotron.html | 10 +++---- docs/examples/marketing-narrow.html | 52 ++++++++++++++++++++----------------- docs/examples/starter-template.html | 4 --- 3 files changed, 31 insertions(+), 35 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index cb2f9c5b6..b8b0ef935 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -10,10 +10,6 @@ - - - - diff --git a/docs/examples/marketing-narrow.html b/docs/examples/marketing-narrow.html index f6f5d1685..6ba0a5ecb 100644 --- a/docs/examples/marketing-narrow.html +++ b/docs/examples/marketing-narrow.html @@ -1,18 +1,33 @@ + - Template · Bootstrap + Narrow page template · Bootstrap - + - - - - - - - - - - - - -
+ +
  • Home
    • @@ -74,6 +77,7 @@

    Project name

+
@@ -82,9 +86,7 @@ Sign up today
-
- -
+

Subheading

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

@@ -116,7 +118,9 @@
- diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index cea480d49..9e8d7ad3b 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -10,10 +10,6 @@ - - - - + - - - - - - - - - - - - + +

Project name

-
-
-
- -
-
-
+
@@ -127,7 +126,7 @@
-
+

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

@@ -153,7 +152,9 @@
- diff --git a/docs/examples/marketing-narrow.html b/docs/examples/marketing-narrow.html index 6ba0a5ecb..bab956c77 100644 --- a/docs/examples/marketing-narrow.html +++ b/docs/examples/marketing-narrow.html @@ -1,4 +1,3 @@ - -- cgit v1.2.3 From d4cb7077fe4405557b4b4a2f5999578be342f7e0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 18 Jan 2013 01:33:55 -0800 Subject: mo betta justified nav --- docs/examples/justified-nav.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs/examples') diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index ec494fa99..1579797be 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -72,6 +72,7 @@ max-height: 50px; background-color: #eee; border-radius: 5px; + border: 1px solid #ccc; } .nav-justified li a { padding-top: 15px; @@ -81,9 +82,20 @@ text-align: center; border-left: 1px solid rgba(255,255,255,.75); border-right: 1px solid rgba(0,0,0,.1); + background-color: #e5e5e5; /* Old browsers */ + background-repeat: repeat-x; /* Repeat the gradient */ + background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */ + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ + background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */ + background-image: -ms-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* IE10+ */ + background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ + background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */ } .nav-justified .active a { background-color: #ddd; + background-image: none; + box-shadow: inset 0 3px 7px rgba(0,0,0,.15); } .nav-justified li:first-child a { border-left: 0; -- cgit v1.2.3 From 82bfa965a7f59ff9b3a40d3ea7fca18de216230b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 18 Jan 2013 01:37:31 -0800 Subject: cleanup more examples --- docs/examples/justified-nav.html | 3 +-- docs/examples/signin.html | 41 +++++++++++++++++++++++----------------- 2 files changed, 25 insertions(+), 19 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index 1579797be..72dbd2e70 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -1,9 +1,8 @@ - - Narrow page template · Bootstrap + Justified nav template · Bootstrap diff --git a/docs/examples/signin.html b/docs/examples/signin.html index 031052789..6531143cb 100644 --- a/docs/examples/signin.html +++ b/docs/examples/signin.html @@ -2,14 +2,30 @@ - Sign in · Twitter Bootstrap + Sign in form template · Bootstrap - + - - - - - - - - - - - - + +
- -- cgit v1.2.3 From 411e6b18cb3a45f6e15fcfef9048185d1c97eff3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 18 Jan 2013 01:52:16 -0800 Subject: unified and simplified sign in form example --- docs/examples/signin.html | 42 +++++++++++++++++++++++++++--------------- 1 file changed, 27 insertions(+), 15 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/signin.html b/docs/examples/signin.html index 6531143cb..899bc6f5d 100644 --- a/docs/examples/signin.html +++ b/docs/examples/signin.html @@ -29,32 +29,44 @@ body { padding-top: 40px; padding-bottom: 40px; - background-color: #f5f5f5; + background-color: #eee; } .form-signin { max-width: 300px; - padding: 19px 29px 29px; - margin: 0 auto 20px; - background-color: #fff; - border: 1px solid #e5e5e5; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); - -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05); - box-shadow: 0 1px 2px rgba(0,0,0,.05); + padding: 30px; + margin: 0 auto; } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } + .form-signin .checkbox { + font-weight: normal; + } .form-signin input[type="text"], .form-signin input[type="password"] { + position: relative; font-size: 16px; height: auto; - margin-bottom: 15px; - padding: 7px 9px; + padding: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .form-signin input[type="text"]:focus, + .form-signin input[type="password"]:focus { + z-index: 2; + } + .form-signin input[type="text"] { + margin-bottom: -1px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + .form-signin input[type="password"] { + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; } @@ -68,12 +80,12 @@ - + - +
-- cgit v1.2.3 From 7c9295d44b5d5bc515afb0df1f5885f4f655410d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 19 Jan 2013 09:34:08 -0800 Subject: update sticky footer templates --- docs/examples/sticky-footer-navbar.html | 39 ++++++++++++++++--------------- docs/examples/sticky-footer.html | 41 +++++++++++++++++---------------- 2 files changed, 42 insertions(+), 38 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index cb5de6de2..d6b9218f3 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -2,14 +2,29 @@ - Sticky footer · Twitter Bootstrap + Sticky footer with navbar template · Bootstrap - + - - - - - - - - - - - - - + +
@@ -140,7 +143,7 @@ - diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index d307d7938..77be2bd01 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -2,14 +2,29 @@ - Sticky footer · Twitter Bootstrap + Sticky footer template · Bootstrap - + - - - - - - - - - - - - - + +
@@ -104,7 +105,7 @@ - -- cgit v1.2.3 From 1a88367b72eb31acf42a941e95ef80eb27f00cde Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 19 Jan 2013 09:39:56 -0800 Subject: mo betta links between sticky footer examples --- docs/examples/sticky-footer-navbar.html | 2 +- docs/examples/sticky-footer.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index d6b9218f3..92c1d339b 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -129,7 +129,7 @@

Sticky footer with fixed navbar

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

-

Back to the sticky footer minus the navbar.

+

Back to the default sticky footer minus the navbar.

diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 77be2bd01..74b01dd93 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -91,7 +91,7 @@

Sticky footer

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

-

Use the sticky footer with a fixed navbar if need be, too.

+

Use the sticky footer with a fixed navbar if need be, too.

-- cgit v1.2.3 From 64bc5dc91f2a0770d3d563c53600a82f92f53c0f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 19 Jan 2013 09:40:26 -0800 Subject: remove .navbar-inner from sticky footer navbar --- docs/examples/sticky-footer-navbar.html | 54 ++++++++++++++++----------------- 1 file changed, 26 insertions(+), 28 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index 92c1d339b..13e14ee9a 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -92,34 +92,32 @@
-
-
- - - - - - Project name -
- -
-
+
+ + + + + + Project name +
+ +
-- cgit v1.2.3 From 061d2849a6384900f15cbf782e7299f215dbb087 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 31 Jan 2013 18:06:56 -0800 Subject: Update starter template to include left/right padding on inner container; also include body padding --- docs/examples/starter-template.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs/examples') diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index 9e8d7ad3b..9a026acf1 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -25,8 +25,11 @@ -- cgit v1.2.3 From dfdf343825f7690ed5545236522307ade37f9c5a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 31 Jan 2013 18:22:47 -0800 Subject: Refactor jumbotron example: * Add hella CSS comments * Reduce padding on body to height of navbar, then set top margin on jumbotron at +768px * Wrap marketing copy and footer in an extra div so we can set some padding for ideal responsive views --- docs/examples/jumbotron.html | 70 ++++++++++++++++++++++++++++++-------------- 1 file changed, 48 insertions(+), 22 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index b8b0ef935..2a5c1e661 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -25,13 +25,36 @@ @@ -81,30 +104,33 @@

Learn more »

- -
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

-

View details »

+
+ + +
+
+

Heading

+

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

+

View details »

+
+
+

Heading

+

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

+

View details »

+
+
+

Heading

+

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+

View details »

+
-
-
+
-
-

© Company 2013

-
+
+

© Company 2013

+
+
-- cgit v1.2.3 From 19b5ebcf2484d4cd9fdcbe9d5cb62858135107fc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 31 Jan 2013 18:25:44 -0800 Subject: Rename marketing-narrow to jumbotron-narrow for mo betta naming schemes --- docs/examples/jumbotron-narrow.html | 140 ++++++++++++++++++++++++++++++++++++ docs/examples/marketing-narrow.html | 140 ------------------------------------ 2 files changed, 140 insertions(+), 140 deletions(-) create mode 100644 docs/examples/jumbotron-narrow.html delete mode 100644 docs/examples/marketing-narrow.html (limited to 'docs/examples') diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html new file mode 100644 index 000000000..bab956c77 --- /dev/null +++ b/docs/examples/jumbotron-narrow.html @@ -0,0 +1,140 @@ + + + + + Narrow page template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

Project name

+
+ + +
+ +
+

Super awesome marketing speak!

+

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

Subheading

+

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

+ +

Subheading

+

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

+ +

Subheading

+

Maecenas sed diam eget risus varius blandit sit amet non magna.

+
+ +
+

Subheading

+

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

+ +

Subheading

+

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

+ +

Subheading

+

Maecenas sed diam eget risus varius blandit sit amet non magna.

+
+
+ +
+ +
+

© Company 2013

+
+ +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/marketing-narrow.html b/docs/examples/marketing-narrow.html deleted file mode 100644 index bab956c77..000000000 --- a/docs/examples/marketing-narrow.html +++ /dev/null @@ -1,140 +0,0 @@ - - - - - Narrow page template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- -

Project name

-
- - -
- -
-

Super awesome marketing speak!

-

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

Subheading

-

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

- -

Subheading

-

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

- -

Subheading

-

Maecenas sed diam eget risus varius blandit sit amet non magna.

-
- -
-

Subheading

-

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

- -

Subheading

-

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

- -

Subheading

-

Maecenas sed diam eget risus varius blandit sit amet non magna.

-
-
- -
- -
-

© Company 2013

-
- -
- - - - - - - - - - - - - - - - - - - - - -- cgit v1.2.3 From 755f1776da53ff3e3e7987a11fb31f53a4f2d67f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 31 Jan 2013 18:34:12 -0800 Subject: Refactor jumbotron-narrow.html example * Make it mobile-first * Add a handful of comments to explain CSS * Instead of an
between custom header and jumbotron, use border for a tighter mobile layout --- docs/examples/jumbotron-narrow.html | 47 +++++++++++++++++++++++++++++++------ 1 file changed, 40 insertions(+), 7 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html index bab956c77..a9dccc814 100644 --- a/docs/examples/jumbotron-narrow.html +++ b/docs/examples/jumbotron-narrow.html @@ -25,8 +25,30 @@ @@ -76,13 +112,10 @@

Project name

- -
-

Super awesome marketing speak!

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 +

Sign up today

-- cgit v1.2.3 From 7528b6e10aae52f0ff3e0df13b09551ca63bc56b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Feb 2013 10:30:48 -0800 Subject: button element instead of href-less a tag for navbar button --- docs/examples/starter-template.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index 9a026acf1..4377fb620 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -40,11 +40,11 @@
- + Project name
    -- cgit v1.2.3 From 725cf7f6ec37668fab0ec8f59ae748feff5335f1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Feb 2013 10:32:08 -0800 Subject: start to refactor justified nav example --- docs/examples/justified-nav.html | 99 ++++++++++++++++++++++------------------ 1 file changed, 55 insertions(+), 44 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index 72dbd2e70..5e818407c 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -27,45 +27,40 @@ @@ -130,33 +139,35 @@

    Marketing stuff!

    -

    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.

    - Get started today +

    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.

    +

    Get started today

    -
    - -
    -
    -

    Heading

    -

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

    -

    View details »

    +
    + + +
    +
    +

    Heading

    +

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

    +

    View details »

    +
    +
    +

    Heading

    +

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

    +

    View details »

    +
    +
    +

    Heading

    +

    Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

    +

    View details »

    +
    -
    -

    Heading

    -

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

    -

    View details »

    -
    -
    -

    Heading

    -

    Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

    -

    View details »

    -
    -
    -
    +
    +

    © Company 2013

    -- cgit v1.2.3 From 7d655c35494012f15bc1f9ae515e92ca4c432a66 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Feb 2013 10:33:36 -0800 Subject: Use button element instead of a for responsive navbar buttons --- docs/examples/carousel.html | 4 ++-- docs/examples/fluid.html | 4 ++-- docs/examples/hero.html | 4 ++-- docs/examples/starter-template.html | 4 ++-- docs/examples/sticky-footer-navbar.html | 4 ++-- 5 files changed, 10 insertions(+), 10 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 50f34e648..81d1a28a1 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -279,11 +279,11 @@
    - + Project name
    diff --git a/docs/examples/fluid.html b/docs/examples/fluid.html index b004ffad6..faf811b3a 100644 --- a/docs/examples/fluid.html +++ b/docs/examples/fluid.html @@ -47,11 +47,11 @@
    - + Project name

    diff --git a/docs/examples/hero.html b/docs/examples/hero.html index c28b757b9..ef7b222e1 100644 --- a/docs/examples/hero.html +++ b/docs/examples/hero.html @@ -35,11 +35,11 @@

    - + Project name
      diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index b81f21d17..29c47a89c 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -34,11 +34,11 @@
      - + Project name
        diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index cb5de6de2..a9027c8c2 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -91,11 +91,11 @@
        - + Project name
          -- cgit v1.2.3 From 8b9733b288a3daca0da04fe60e0b5a0ae8681362 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Feb 2013 12:25:05 -0800 Subject: nuke what we don't need for jekyll --- docs/examples/carousel.html | 454 -------------------------------- docs/examples/fluid.html | 163 ------------ docs/examples/jumbotron-narrow.html | 173 ------------ docs/examples/jumbotron.html | 157 ----------- docs/examples/justified-nav.html | 197 -------------- docs/examples/signin.html | 113 -------- docs/examples/starter-template.html | 87 ------ docs/examples/sticky-footer-navbar.html | 162 ------------ docs/examples/sticky-footer.html | 126 --------- 9 files changed, 1632 deletions(-) delete mode 100644 docs/examples/carousel.html delete mode 100644 docs/examples/fluid.html delete mode 100644 docs/examples/jumbotron-narrow.html delete mode 100644 docs/examples/jumbotron.html delete mode 100644 docs/examples/justified-nav.html delete mode 100644 docs/examples/signin.html delete mode 100644 docs/examples/starter-template.html delete mode 100644 docs/examples/sticky-footer-navbar.html delete mode 100644 docs/examples/sticky-footer.html (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html deleted file mode 100644 index 81d1a28a1..000000000 --- a/docs/examples/carousel.html +++ /dev/null @@ -1,454 +0,0 @@ - - - - - Carousel Template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -
          - -
          - -
          -
          - - - Project name - -
          - -
          -
          -
          - -
          -
          - - - - - - - - - - - -
          - - -
          -
          - -

          Heading

          -

          Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

          -

          View details »

          -
          -
          - -

          Heading

          -

          Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

          -

          View details »

          -
          -
          - -

          Heading

          -

          Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

          -

          View details »

          -
          -
          - - - - -
          - -
          - -

          First featurette headling. It'll blow your mind.

          -

          Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

          -
          - -
          - -
          - -

          Oh yeah, it's that good. See for yourself.

          -

          Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

          -
          - -
          - -
          - -

          And lastly, this one. Checkmate.

          -

          Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

          -
          - -
          - - - - - - - -
          - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/fluid.html b/docs/examples/fluid.html deleted file mode 100644 index 502062a27..000000000 --- a/docs/examples/fluid.html +++ /dev/null @@ -1,163 +0,0 @@ - - - - - Bootstrap, from Twitter - - - - - - - - - - - - - - - - - - - - - - -
          -
          -
          - - Project name -
          -

          - Logged in as Username -

          - -
          -
          -
          -
          - -
          -
          -
          -
          - -
          -
          -
          -
          -

          Hello, world!

          -

          This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

          -

          Learn more »

          -
          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -
          -
          - -
          - -
          -

          © Company 2013

          -
          - -
          - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html deleted file mode 100644 index a9dccc814..000000000 --- a/docs/examples/jumbotron-narrow.html +++ /dev/null @@ -1,173 +0,0 @@ - - - - - Narrow page template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -
          -
          - -

          Project name

          -
          - -
          -

          Super awesome marketing speak!

          -

          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

          -
          - -
          -
          -

          Subheading

          -

          Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

          - -

          Subheading

          -

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

          - -

          Subheading

          -

          Maecenas sed diam eget risus varius blandit sit amet non magna.

          -
          - -
          -

          Subheading

          -

          Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

          - -

          Subheading

          -

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

          - -

          Subheading

          -

          Maecenas sed diam eget risus varius blandit sit amet non magna.

          -
          -
          - -
          - -
          -

          © Company 2013

          -
          - -
          - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html deleted file mode 100644 index 2a5c1e661..000000000 --- a/docs/examples/jumbotron.html +++ /dev/null @@ -1,157 +0,0 @@ - - - - - Jumbotron template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - -
          -
          - - - - - - Project name -
          - -
          - - - -
          -
          -
          -
          - -
          - - -
          -

          Hello, world!

          -

          This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

          -

          Learn more »

          -
          - -
          - - -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

          -

          View details »

          -
          -
          - -
          - -
          -

          © Company 2013

          -
          -
          - -
          - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html deleted file mode 100644 index 5e818407c..000000000 --- a/docs/examples/justified-nav.html +++ /dev/null @@ -1,197 +0,0 @@ - - - - - Justified nav template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -
          - -
          -

          Project name

          - -
          - - -
          -

          Marketing stuff!

          -

          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.

          -

          Get started today

          -
          - - -
          - - -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          -
          -
          -

          Heading

          -

          Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

          -

          View details »

          -
          -
          - -
          - - -
          -

          © Company 2013

          -
          - -
          - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/signin.html b/docs/examples/signin.html deleted file mode 100644 index 899bc6f5d..000000000 --- a/docs/examples/signin.html +++ /dev/null @@ -1,113 +0,0 @@ - - - - - Sign in form template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -
          - - - -
          - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html deleted file mode 100644 index 4377fb620..000000000 --- a/docs/examples/starter-template.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - - Starter template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - -
          -
          -
          - - Project name -
          - -
          -
          -
          -
          - -
          - -
          -

          Bootstrap starter template

          -

          Use this document as a way to quickly start any new project.
          All you get is this text and a mostly barebones HTML document.

          -
          - -
          - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html deleted file mode 100644 index c700ed2ca..000000000 --- a/docs/examples/sticky-footer-navbar.html +++ /dev/null @@ -1,162 +0,0 @@ - - - - - Sticky footer with navbar template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - -
          - - -
          -
          - - Project name -
          - -
          -
          -
          - - -
          -
          -

          Sticky footer with fixed navbar

          -
          -

          Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

          -

          Back to the default sticky footer minus the navbar.

          -
          - -
          -
          - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html deleted file mode 100644 index 74b01dd93..000000000 --- a/docs/examples/sticky-footer.html +++ /dev/null @@ -1,126 +0,0 @@ - - - - - Sticky footer template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - -
          - - -
          -
          -

          Sticky footer

          -
          -

          Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

          -

          Use the sticky footer with a fixed navbar if need be, too.

          -
          - -
          -
          - - - - - - - - - - - - - - - - - - - - - - - -- cgit v1.2.3 From e45f12ad427fddc9d9859fe86423bd49795d4f43 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Feb 2013 12:44:41 -0800 Subject: rearrange jekyll and docs --- docs/examples/carousel.html | 454 ++++++++++++++++++++++++++++++++ docs/examples/fluid.html | 163 ++++++++++++ docs/examples/jumbotron-narrow.html | 173 ++++++++++++ docs/examples/jumbotron.html | 157 +++++++++++ docs/examples/justified-nav.html | 197 ++++++++++++++ docs/examples/signin.html | 113 ++++++++ docs/examples/starter-template.html | 87 ++++++ docs/examples/sticky-footer-navbar.html | 162 ++++++++++++ docs/examples/sticky-footer.html | 126 +++++++++ 9 files changed, 1632 insertions(+) create mode 100644 docs/examples/carousel.html create mode 100644 docs/examples/fluid.html create mode 100644 docs/examples/jumbotron-narrow.html create mode 100644 docs/examples/jumbotron.html create mode 100644 docs/examples/justified-nav.html create mode 100644 docs/examples/signin.html create mode 100644 docs/examples/starter-template.html create mode 100644 docs/examples/sticky-footer-navbar.html create mode 100644 docs/examples/sticky-footer.html (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html new file mode 100644 index 000000000..81d1a28a1 --- /dev/null +++ b/docs/examples/carousel.html @@ -0,0 +1,454 @@ + + + + + Carousel Template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + +
          + +
          + +
          +
          + + + Project name + +
          + +
          +
          +
          + +
          +
          + + + + + + + + + + + +
          + + +
          +
          + +

          Heading

          +

          Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

          +

          View details »

          +
          +
          + +

          Heading

          +

          Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

          +

          View details »

          +
          +
          + +

          Heading

          +

          Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

          +

          View details »

          +
          +
          + + + + +
          + +
          + +

          First featurette headling. It'll blow your mind.

          +

          Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

          +
          + +
          + +
          + +

          Oh yeah, it's that good. See for yourself.

          +

          Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

          +
          + +
          + +
          + +

          And lastly, this one. Checkmate.

          +

          Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

          +
          + +
          + + + + + + + +
          + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/fluid.html b/docs/examples/fluid.html new file mode 100644 index 000000000..502062a27 --- /dev/null +++ b/docs/examples/fluid.html @@ -0,0 +1,163 @@ + + + + + Bootstrap, from Twitter + + + + + + + + + + + + + + + + + + + + + + +
          +
          +
          + + Project name +
          +

          + Logged in as Username +

          + +
          +
          +
          +
          + +
          +
          +
          +
          + +
          +
          +
          +
          +

          Hello, world!

          +

          This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

          +

          Learn more »

          +
          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +
          +
          + +
          + +
          +

          © Company 2013

          +
          + +
          + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html new file mode 100644 index 000000000..a9dccc814 --- /dev/null +++ b/docs/examples/jumbotron-narrow.html @@ -0,0 +1,173 @@ + + + + + Narrow page template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + +
          +
          + +

          Project name

          +
          + +
          +

          Super awesome marketing speak!

          +

          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

          +
          + +
          +
          +

          Subheading

          +

          Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

          + +

          Subheading

          +

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

          + +

          Subheading

          +

          Maecenas sed diam eget risus varius blandit sit amet non magna.

          +
          + +
          +

          Subheading

          +

          Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

          + +

          Subheading

          +

          Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

          + +

          Subheading

          +

          Maecenas sed diam eget risus varius blandit sit amet non magna.

          +
          +
          + +
          + +
          +

          © Company 2013

          +
          + +
          + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html new file mode 100644 index 000000000..2a5c1e661 --- /dev/null +++ b/docs/examples/jumbotron.html @@ -0,0 +1,157 @@ + + + + + Jumbotron template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + +
          +
          + + + + + + Project name +
          + +
          + + + +
          +
          +
          +
          + +
          + + +
          +

          Hello, world!

          +

          This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

          +

          Learn more »

          +
          + +
          + + +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

          +

          View details »

          +
          +
          + +
          + +
          +

          © Company 2013

          +
          +
          + +
          + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html new file mode 100644 index 000000000..5e818407c --- /dev/null +++ b/docs/examples/justified-nav.html @@ -0,0 +1,197 @@ + + + + + Justified nav template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + +
          + +
          +

          Project name

          + +
          + + +
          +

          Marketing stuff!

          +

          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.

          +

          Get started today

          +
          + + +
          + + +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          +

          View details »

          +
          +
          +

          Heading

          +

          Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

          +

          View details »

          +
          +
          + +
          + + +
          +

          © Company 2013

          +
          + +
          + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/signin.html b/docs/examples/signin.html new file mode 100644 index 000000000..899bc6f5d --- /dev/null +++ b/docs/examples/signin.html @@ -0,0 +1,113 @@ + + + + + Sign in form template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + +
          + + + +
          + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html new file mode 100644 index 000000000..4377fb620 --- /dev/null +++ b/docs/examples/starter-template.html @@ -0,0 +1,87 @@ + + + + + Starter template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + +
          +
          +
          + + Project name +
          + +
          +
          +
          +
          + +
          + +
          +

          Bootstrap starter template

          +

          Use this document as a way to quickly start any new project.
          All you get is this text and a mostly barebones HTML document.

          +
          + +
          + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html new file mode 100644 index 000000000..c700ed2ca --- /dev/null +++ b/docs/examples/sticky-footer-navbar.html @@ -0,0 +1,162 @@ + + + + + Sticky footer with navbar template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + +
          + + +
          +
          + + Project name +
          + +
          +
          +
          + + +
          +
          +

          Sticky footer with fixed navbar

          +
          +

          Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

          +

          Back to the default sticky footer minus the navbar.

          +
          + +
          +
          + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html new file mode 100644 index 000000000..74b01dd93 --- /dev/null +++ b/docs/examples/sticky-footer.html @@ -0,0 +1,126 @@ + + + + + Sticky footer template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + +
          + + +
          +
          +

          Sticky footer

          +
          +

          Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

          +

          Use the sticky footer with a fixed navbar if need be, too.

          +
          + +
          +
          + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3 From aa5f09037133f22093c4b97d15451d4e54180ba2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Feb 2013 23:38:00 -0800 Subject: Make example pages use Jekyll; add sticky footer navbar image to examples --- docs/examples/carousel.html | 837 +++++++++++++++----------------- docs/examples/jumbotron-narrow.html | 301 +++++------- docs/examples/jumbotron.html | 257 ++++------ docs/examples/justified-nav.html | 333 ++++++------- docs/examples/signin.html | 181 +++---- docs/examples/starter-template.html | 124 ++--- docs/examples/sticky-footer-navbar.html | 271 +++++------ docs/examples/sticky-footer.html | 205 +++----- 8 files changed, 1070 insertions(+), 1439 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 81d1a28a1..eb45fe41e 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -1,454 +1,403 @@ - - - - - Carousel Template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -
          - -
          - -
          -
          - - - Project name - -
          -
            -
          • Home
            • -
          • About
            • -
          • Contact
            • - -
          • - Dropdown - -
            • +--- +layout: example +title: Carousel template +--- + + + + + + + +
            + +
            + +
            +
            + + + Project name + +
            +
            -
            -
            - -
            -
            - - - - -
          +
          +
          +
          + +
          +
          + + + + +
        -

        Project name

        +

        Project name

        diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index 7013b150e..f136ee92a 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -96,7 +96,7 @@ title: Justified nav template
        -

        Project name

        +

        Project name

        • Home
        • Projects
          • diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index b00bfd5ab..9187b7882 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -112,6 +112,6 @@ title: Sticky footer with navbar template diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 722d3aa19..6ddd5a1dc 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -76,6 +76,6 @@ title: Sticky footer template -- cgit v1.2.3 From 70ba9a880e55a4607c413671c99926f7bba9362e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 22:53:35 -0700 Subject: remove padding form sign in form example --- docs/examples/signin.html | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/examples') diff --git a/docs/examples/signin.html b/docs/examples/signin.html index ce3d312dc..673fc46c2 100644 --- a/docs/examples/signin.html +++ b/docs/examples/signin.html @@ -14,7 +14,6 @@ title: Sign in form template .form-signin { max-width: 300px; - padding: 30px; margin: 0 auto; } .form-signin .form-signin-heading, -- cgit v1.2.3 From 6c1ed5638b92b79c07a324268be204138812a048 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 22:54:31 -0700 Subject: actually readd the padding and set it to smaller amount for narrow viewports --- docs/examples/signin.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/examples') diff --git a/docs/examples/signin.html b/docs/examples/signin.html index 673fc46c2..92db3e036 100644 --- a/docs/examples/signin.html +++ b/docs/examples/signin.html @@ -13,7 +13,8 @@ title: Sign in form template } .form-signin { - max-width: 300px; + max-width: 330px; + padding: 15px; margin: 0 auto; } .form-signin .form-signin-heading, -- cgit v1.2.3 From b96ab36d384752c42947297ce3a2d1f0ba941c0a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 11:24:31 -0700 Subject: add some container padding for examples --- docs/examples/sticky-footer-navbar.html | 2 +- docs/examples/sticky-footer.html | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/examples') diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index 9187b7882..96b228212 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -50,7 +50,7 @@ title: Sticky footer with navbar template /* Not required for template or sticky footer method. */ #wrap > .container { - padding-top: 60px; + padding: 60px 15px 0; } .container .credit { margin: 20px 0; diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 6ddd5a1dc..1f27ffabc 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -50,6 +50,7 @@ title: Sticky footer template .container { width: auto; max-width: 680px; + padding: 0 15px; } .container .credit { margin: 20px 0; -- cgit v1.2.3 From d299ff4fce995543c29c0630d58d0a101c477b76 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 31 Mar 2013 21:25:45 -0400 Subject: Fix image paths and carousel controls for carousel example --- docs/examples/carousel.html | 59 +++++++++++++++------------------------------ 1 file changed, 19 insertions(+), 40 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index dd0c3ca1f..0c50c7a14 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -55,12 +55,6 @@ body { padding: 15px 20px; } -/* Offset the responsive button for proper vertical alignment */ -.navbar .navbar-toggle { - margin-top: 10px; -} - - /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ @@ -75,16 +69,6 @@ body { z-index: 9; } -.carousel-control { - height: 80px; - margin-top: 0; - font-size: 120px; - text-shadow: 0 1px 1px rgba(0,0,0,.4); - background-color: transparent; - border: 0; - z-index: 10; -} - .carousel .item { height: 500px; } @@ -252,25 +236,21 @@ body {
          -
          -
          - - +
          + + + + + Project name -
          -
          -
          -
          - -
          -
          +
          +
        +
        +
        +
        @@ -368,7 +347,7 @@ body {
        - +

        First featurette headling. It'll blow your mind.

        Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

        @@ -376,7 +355,7 @@ body {
        - +

        Oh yeah, it's that good. See for yourself.

        Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

        @@ -384,7 +363,7 @@ body {
        - +

        And lastly, this one. Checkmate.

        Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

        -- cgit v1.2.3 From e183dd46a20daa725fe5ad7acb5313d7b20db6f1 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Mon, 1 Apr 2013 09:27:49 -0400 Subject: Update carousel-caption btn styles --- docs/examples/carousel.html | 2 -- 1 file changed, 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 0c50c7a14..e97d895c2 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -91,8 +91,6 @@ body { .carousel-caption .lead { margin: 0; line-height: 1.25; - color: #fff; - text-shadow: 0 1px 1px rgba(0,0,0,.4); } .carousel-caption .btn { margin-top: 10px; -- cgit v1.2.3 From 1816483baa9de59dc1ea0cec67fcbd00b28c6b79 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Mon, 1 Apr 2013 09:29:43 -0400 Subject: Add carousel indicators to example --- docs/examples/carousel.html | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index e97d895c2..925314922 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -273,6 +273,12 @@ body { -- cgit v1.2.3 From aa51a36686a62ad5ec0bac3958b08151fc9d5d05 Mon Sep 17 00:00:00 2001 From: Fabien Date: Tue, 2 Apr 2013 13:26:35 +0200 Subject: Fix corss link for sticky footer --- docs/examples/sticky-footer-navbar.html | 2 +- docs/examples/sticky-footer.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index 96b228212..716412a9d 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -104,7 +104,7 @@ title: Sticky footer with navbar template

        Sticky footer with fixed navbar

        Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

        -

        Back to the default sticky footer minus the navbar.

        +

        Back to the default sticky footer minus the navbar.

        diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 1f27ffabc..62c108812 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -69,7 +69,7 @@ title: Sticky footer template

        Sticky footer

      Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

      -

      Use the sticky footer with a fixed navbar if need be, too.

      +

      Use the sticky footer with a fixed navbar if need be, too.

      -- cgit v1.2.3 From e0bce6af123fc3d935a34aae87d0787e7e54e07f Mon Sep 17 00:00:00 2001 From: Fabien Date: Tue, 2 Apr 2013 13:30:13 +0200 Subject: Replace png img by holder.js in carousel example --- docs/examples/carousel.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index be75a5cc3..538a440da 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -245,7 +245,7 @@ body {
      - +

      Example headline.

      @@ -255,7 +255,7 @@ body {
      - +

      Another example headline.

      @@ -265,7 +265,7 @@ body {
      - +

      One more for good measure.

      @@ -315,7 +315,7 @@ body {
      - +

      First featurette headling. It'll blow your mind.

      Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

      @@ -323,7 +323,7 @@ body {
      - +

      Oh yeah, it's that good. See for yourself.

      Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

      @@ -331,7 +331,7 @@ body {
      - +

      And lastly, this one. Checkmate.

      Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

      -- cgit v1.2.3 From e56461fbd71af38cabff4cc650f6050f765ec603 Mon Sep 17 00:00:00 2001 From: Fabien Date: Tue, 2 Apr 2013 13:39:04 +0200 Subject: Improve responsiveness for tablet and below of navbar in carousel example - Remove margin-top of navbar-wrapper - Remove border radius of navbar - Space out the carousel --- docs/examples/carousel.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 538a440da..e86029221 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -189,6 +189,18 @@ body { font-size: 18px; line-height: 1.5; } + + .navbar-wrapper { + margin-top: 0; + } + + .navbar { + border-radius: 0; + } + + #myCarousel { + margin-top: 54px; + } } -- cgit v1.2.3 From 0ac711059ba7aaa2996a529d7f9bf4110a6dd765 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 2 Apr 2013 16:17:04 -0700 Subject: refactor some of the carousel caption stuff to center it and tighten styles up; update carousel template to start to redo mobile first --- docs/examples/carousel.html | 90 ++++++++++++++++++++++++++++----------------- 1 file changed, 56 insertions(+), 34 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index e86029221..792949fb0 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -27,11 +27,10 @@ body { left: 0; right: 0; z-index: 10; - margin-top: 20px; - margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ } + /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ @@ -39,12 +38,12 @@ body { .carousel { margin-bottom: 60px; } - -.carousel .container { - position: relative; - z-index: 9; +/* Since positioning the image, we need to help out the caption */ +.carousel-caption { + z-index: 10; } +/* Declare heights because of positioning of img element */ .carousel .item { height: 500px; } @@ -56,26 +55,21 @@ body { height: 500px; } -.carousel-caption { - background-color: transparent; - position: static; - max-width: 550px; - padding: 0 20px; - margin-top: 200px; -} - -.carousel-caption .btn { - margin-top: 10px; -} - /* MARKETING CONTENT -------------------------------------------------- */ +/* Pad the edges of the mobile views a bit */ +.marketing { + padding-left: 15px; + padding-right: 15px; +} + /* Center align the text within the three columns below the carousel */ .marketing .col-span-4 { text-align: center; + margin-bottom: 20px; } .marketing h2 { font-weight: normal; @@ -121,7 +115,35 @@ body { /* RESPONSIVE CSS -------------------------------------------------- */ -@media (max-width: 979px) { +@media (min-width: 768px) { + + /* Remve the edge padding needed for mobile */ + .marketing { + padding-left: 0; + padding-right: 0; + } + + /* Navbar positioning foo */ + .navbar-wrapper { + margin-top: 20px; + margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ + } + /* The navbar becomes detached from the top, so we round the corners */ + .navbar-wrapper .navbar { + border-radius: 4px; + } + + /* Bump up size of carousel content */ + .carousel-caption p { + margin-bottom: 20px; + font-size: 21px; + line-height: 1.4; + } + +} + + +/*@media (max-width: 979px) { .container.navbar-wrapper { margin-bottom: 0; @@ -189,7 +211,7 @@ body { font-size: 18px; line-height: 1.5; } - + .navbar-wrapper { margin-top: 0; } @@ -197,12 +219,12 @@ body { .navbar { border-radius: 0; } - + #myCarousel { margin-top: 54px; } -} +}*/ @@ -212,7 +234,7 @@ body {
      -
      +
      @@ -257,32 +279,32 @@ body {
      - +

      Example headline.

      -

      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

      -       Sign up today +

      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

      +

      Sign up today

      - +

      Another example headline.

      -

      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

      - Learn more +

      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

      +

      Learn more

      - +

      One more for good measure.

      -

      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

      - Browse gallery +

      Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

      +

      Browse gallery

      @@ -304,13 +326,13 @@ body {

      Heading

      -

      Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

      +

      Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

      View details »

      Heading

      -

      Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

      +

      Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

      View details »

      -- cgit v1.2.3 From ddc0e98716d05b2b583c0097a8fc76f976730fc6 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 28 Apr 2013 09:10:01 -0400 Subject: Update examples after overhaul of navbar navs --- docs/examples/carousel.html | 2 +- docs/examples/jumbotron.html | 2 +- docs/examples/justified-nav.html | 2 +- docs/examples/navbar-fixed-top.html | 2 +- docs/examples/navbar-static-top.html | 2 +- docs/examples/navbar.html | 2 +- docs/examples/starter-template.html | 2 +- docs/examples/sticky-footer-navbar.html | 2 +- 8 files changed, 8 insertions(+), 8 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 792949fb0..4142b38f4 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -243,7 +243,7 @@ body { Project name
      -
        +
        • Home
        • About
        • Contact
          • diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index 86d035f07..68231a063 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -46,7 +46,7 @@ title: Jumbotron template Project name
          -
            +
            • Home
            • About
            • Contact
              • diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index f136ee92a..f8123388a 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -97,7 +97,7 @@ title: Justified nav template

              Project name

              -
                +
                • Home
                • Projects
                • Services
                  • diff --git a/docs/examples/navbar-fixed-top.html b/docs/examples/navbar-fixed-top.html index 06ed424c2..906ca32c9 100644 --- a/docs/examples/navbar-fixed-top.html +++ b/docs/examples/navbar-fixed-top.html @@ -27,7 +27,7 @@ title: Fixed navbar template Project name
                  -
                    +
                    • Home
                    • About
                    • Contact
                      • diff --git a/docs/examples/navbar-static-top.html b/docs/examples/navbar-static-top.html index 9a234114f..d636cbd3b 100644 --- a/docs/examples/navbar-static-top.html +++ b/docs/examples/navbar-static-top.html @@ -23,7 +23,7 @@ title: Static navbar template Project name
                      -
                        +
                        • Home
                        • About
                        • Contact
                          • diff --git a/docs/examples/navbar.html b/docs/examples/navbar.html index 5b5ffb77b..a74f3b356 100644 --- a/docs/examples/navbar.html +++ b/docs/examples/navbar.html @@ -29,7 +29,7 @@ title: Navbar template Project name
                          -
                            +
                            • Home
                            • About
                            • Contact
                              • diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index 62da929da..18fdaf5fc 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -24,7 +24,7 @@ title: Starter template Project name
                              -
                                +
                                • Home
                                • About
                                • Contact
                                  • diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index 716412a9d..429b74f91 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -77,7 +77,7 @@ title: Sticky footer with navbar template Project name
                                  -
                                    +
                                    • Home
                                    • About
                                    • Contact
                                      • -- cgit v1.2.3 From 62afdd01763466e413fbe67c7622e08a16fa30aa Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 28 Apr 2013 22:22:33 -0400 Subject: Update examples after grid changes --- docs/examples/carousel.html | 16 ++++++++-------- docs/examples/grid.html | 18 +++++++++--------- docs/examples/jumbotron-narrow.html | 4 ++-- docs/examples/jumbotron.html | 6 +++--- docs/examples/justified-nav.html | 6 +++--- 5 files changed, 25 insertions(+), 25 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 4142b38f4..954375d4b 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -67,14 +67,14 @@ body { } /* Center align the text within the three columns below the carousel */ -.marketing .col-span-4 { +.marketing .col-lg-4 { text-align: center; margin-bottom: 20px; } .marketing h2 { font-weight: normal; } -.marketing .col-span-4 p { +.marketing .col-lg-4 p { margin-left: 10px; margin-right: 10px; } @@ -323,24 +323,24 @@ body {
                                      -
                                      +

                                      Heading

                                      Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

                                      View details »

                                      -
                                      -
                                      +
                                      +

                                      Heading

                                      Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

                                      View details »

                                      -
                                      -
                                      +
                                      +

                                      Heading

                                      Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                                      View details »

                                      -
                                      +
                                      diff --git a/docs/examples/grid.html b/docs/examples/grid.html index f2028b8bf..580f69cbf 100644 --- a/docs/examples/grid.html +++ b/docs/examples/grid.html @@ -16,7 +16,7 @@ title: Grid template margin-left: -15px; margin-right: -15px; } - [class*="col-span-"] { + [class*="col-lg-"] { padding-top: 15px; padding-bottom: 15px; background-color: #f5f5f5; @@ -32,22 +32,22 @@ title: Grid template

                                      Three equal columns

                                      -
                                      .col-span-4
                                      -
                                      .col-span-4
                                      -
                                      .col-span-4
                                      +
                                      .col .col-lg-4
                                      +
                                      .col .col-lg-4
                                      +
                                      .col .col-lg-4

                                      Three unequal columns

                                      -
                                      .col-span-3
                                      -
                                      .col-span-6
                                      -
                                      .col-span-3
                                      +
                                      .col .col-lg-3
                                      +
                                      .col .col-lg-6
                                      +
                                      .col .col-lg-3

                                      Two columns

                                      -
                                      .col-span-8
                                      -
                                      .col-span-4
                                      +
                                      .col .col-lg-8
                                      +
                                      .col .col-lg-4

                                      Full width, single column

                                      diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html index 84a918064..a6fd4e950 100644 --- a/docs/examples/jumbotron-narrow.html +++ b/docs/examples/jumbotron-narrow.html @@ -104,7 +104,7 @@ title: Narrow page template
                                  -
                                  +

                                  Subheading

                                  Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                                  @@ -115,7 +115,7 @@ title: Narrow page template

                                  Maecenas sed diam eget risus varius blandit sit amet non magna.

                                  -
                                  +

                                  Subheading

                                  Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                                  diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index 68231a063..3982a34d9 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -85,17 +85,17 @@ title: Jumbotron template
                                  -
                                  +

                                  Heading

                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                  View details »

                                  -
                                  +

                                  Heading

                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                  View details »

                                  -
                                  +

                                  Heading

                                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                                  View details »

                                  diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index f8123388a..a87b3b9d1 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -119,17 +119,17 @@ title: Justified nav template
                                  -
                                  +

                                  Heading

                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                  View details »

                                  -
                                  +

                                  Heading

                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                  View details »

                                  -
                                  +

                                  Heading

                                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

                                  View details »

                                  -- cgit v1.2.3 From a62e97091c6c1bd732a8f7e0761e724dfe50e0df Mon Sep 17 00:00:00 2001 From: Seth Lilly Date: Thu, 2 May 2013 14:03:54 -0300 Subject: Corrected typo in carousel.html Changed text from "First featurette headling" to "First featurette heading" in the first `h2.featurette-heading` tag. --- docs/examples/carousel.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 954375d4b..cd6855aab 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -350,7 +350,7 @@ body {
                                  -

                                  First featurette headling. It'll blow your mind.

                                  +

                                  First featurette heading. It'll blow your mind.

                                  Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

                                  -- cgit v1.2.3 From 07117f97b6a156d1ddff0292c907599fb33d602a Mon Sep 17 00:00:00 2001 From: Kevin Ingersoll Date: Fri, 3 May 2013 15:22:27 +1200 Subject: Use padding instead of #push with box-sizing: border-box --- docs/examples/sticky-footer-navbar.html | 7 ++----- docs/examples/sticky-footer.html | 7 ++----- 2 files changed, 4 insertions(+), 10 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index 429b74f91..fe6681ef6 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -22,14 +22,13 @@ title: Sticky footer with navbar template height: 100%; /* Negative indent footer by its height */ margin: 0 auto -60px; + /* Pad bottom by footer height */ + padding: 0 0 60px; } /* Set the fixed height of the footer here */ - #push, #footer { height: 60px; - } - #footer { background-color: #f5f5f5; } @@ -106,8 +105,6 @@ title: Sticky footer with navbar template

                                  Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

                                  Back to the default sticky footer minus the navbar.

                                  - -
                                  - -
                              -
                                +
                                • Default
                                • Static top
                                • Fixed top
                                  • diff --git a/docs/examples/navbar-static-top.html b/docs/examples/navbar-static-top.html index d636cbd3b..065d16d5f 100644 --- a/docs/examples/navbar-static-top.html +++ b/docs/examples/navbar-static-top.html @@ -40,11 +40,11 @@ title: Static navbar template
                              - +
                      diff --git a/docs/examples/navbar.html b/docs/examples/navbar.html index a74f3b356..4c0f9938b 100644 --- a/docs/examples/navbar.html +++ b/docs/examples/navbar.html @@ -46,7 +46,7 @@ title: Navbar template
                  -
                    +
                    • Default
                    • Static top
                    • Fixed top
                      • -- cgit v1.2.3 From 9013ff002adcf2f7a3bfe2d60329649fc159204a Mon Sep 17 00:00:00 2001 From: William Ghelfi Date: Mon, 6 May 2013 15:58:04 +0200 Subject: add offcanvas layout example based on bradfrost/this-is-responsive --- docs/examples/offcanvas.html | 195 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 195 insertions(+) create mode 100644 docs/examples/offcanvas.html (limited to 'docs/examples') diff --git a/docs/examples/offcanvas.html b/docs/examples/offcanvas.html new file mode 100644 index 000000000..cfc182ae4 --- /dev/null +++ b/docs/examples/offcanvas.html @@ -0,0 +1,195 @@ +--- +layout: example +title: Static navbar template +--- + + + + +
                      +
                      + + Project name +
                      + +
                      +
                      +
                      + +
                      + +
                      +
                      +

                      +
                      +

                      Hello, world!

                      +

                      This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.

                      +
                      +
                      +
                      +

                      Heading

                      +

                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                      +

                      View details »

                      +
                      +
                      +

                      Heading

                      +

                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                      +

                      View details »

                      +
                      +
                      +

                      Heading

                      +

                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                      +

                      View details »

                      +
                      +
                      +
                      +
                      +

                      Heading

                      +

                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                      +

                      View details »

                      +
                      +
                      +

                      Heading

                      +

                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                      +

                      View details »

                      +
                      +
                      +

                      Heading

                      +

                      Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                      +

                      View details »

                      +
                      +
                      +
                      + +
                      + +
                      + +
                      +

                      © Company 2012

                      +
                      + +
                      \ No newline at end of file -- cgit v1.2.3 From 3a539abbd2dcc9dbb4e6891c4e8841dd1b208385 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Thu, 9 May 2013 07:21:22 -0400 Subject: Fix form in navbar --- docs/examples/jumbotron.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/examples') diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index 3982a34d9..5b2f62eb5 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -63,7 +63,7 @@ title: Jumbotron template
                  -
                  + -- cgit v1.2.3 From d4546cbcc2f3a5cae79a69e4857d52d6e947a833 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 12 May 2013 22:04:22 -0400 Subject: Fix buttons within examples --- docs/examples/carousel.html | 6 +++--- docs/examples/jumbotron.html | 6 +++--- docs/examples/justified-nav.html | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index cd6855aab..75e0838e3 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -327,19 +327,19 @@ body {

                  Heading

                  Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

                  -

                  View details »

                  +

                  View details »

                  Heading

                  Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

                  -

                  View details »

                  +

                  View details »

                  Heading

                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  -

                  View details »

                  +

                  View details »

              diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index 5b2f62eb5..3627f7ef4 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -88,17 +88,17 @@ title: Jumbotron template

              Heading

              Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

              -

              View details »

              +

              View details »

              Heading

              Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

              -

              View details »

              +

              View details »

              Heading

              Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

              -

              View details »

              +

              View details »

          diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index fdd706a8f..afc03a1a8 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -121,17 +121,17 @@ title: Justified nav template

          Heading

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          +

          View details »

          Heading

          Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

          -

          View details »

          +

          View details »

          Heading

          Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

          -

          View details »

          +

          View details »

      -- cgit v1.2.3 From 5fbb9e9f5d241744dc2e2cbd1bfd8676c566f22d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 21:03:29 -0700 Subject: More row change ups: * No more negative side margins * However, keep the negative margin for nested rows --- docs/examples/grid.html | 2 -- 1 file changed, 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/grid.html b/docs/examples/grid.html index 580f69cbf..eea2ac0cf 100644 --- a/docs/examples/grid.html +++ b/docs/examples/grid.html @@ -13,8 +13,6 @@ title: Grid template .row { margin-bottom: 20px; - margin-left: -15px; - margin-right: -15px; } [class*="col-lg-"] { padding-top: 15px; -- cgit v1.2.3 From 5f7352a6fe5f7a7eef4dce64184f55d1fec2676b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 22:11:31 -0700 Subject: Better grid template; link color change in docs navbar --- docs/examples/grid.html | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'docs/examples') diff --git a/docs/examples/grid.html b/docs/examples/grid.html index eea2ac0cf..d14602e4e 100644 --- a/docs/examples/grid.html +++ b/docs/examples/grid.html @@ -11,9 +11,16 @@ title: Grid template padding-right: 15px; } + h4 { + margin-top: 25px; + } .row { margin-bottom: 20px; } + .row .row { + margin-top: 10px; + margin-bottom: 0; + } [class*="col-lg-"] { padding-top: 15px; padding-bottom: 15px; @@ -49,6 +56,19 @@ title: Grid template

      Full width, single column

      -

      No grid classes are necessary for full-width elements.

      +

      No grid classes are necessary for full-width elements.

      + +

      Two columns with two nested columns

      +
      +
      + .col .col-lg-8 +
      +
      .col .col-lg-6
      +
      .col .col-lg-6
      +
      +
      +
      .col .col-lg-4
      +
      +
      -- cgit v1.2.3 From 97e6e5f150957409b415463d81eaaee3c3c3159a Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 2 Jun 2013 17:51:36 -0400 Subject: Fix navbar toggles --- docs/examples/carousel.html | 4 ++-- docs/examples/jumbotron.html | 4 ++-- docs/examples/navbar-fixed-top.html | 4 ++-- docs/examples/navbar-static-top.html | 4 ++-- docs/examples/navbar.html | 4 ++-- 5 files changed, 10 insertions(+), 10 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index 75e0838e3..a3c9cb985 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -236,11 +236,11 @@ body {
      - + Project name
        diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index 3627f7ef4..af2952dbd 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -39,11 +39,11 @@ title: Jumbotron template
        - + Project name
          diff --git a/docs/examples/navbar-fixed-top.html b/docs/examples/navbar-fixed-top.html index d56cadfac..2f73f08e4 100644 --- a/docs/examples/navbar-fixed-top.html +++ b/docs/examples/navbar-fixed-top.html @@ -20,11 +20,11 @@ title: Fixed navbar template
          - + Project name
            diff --git a/docs/examples/navbar-static-top.html b/docs/examples/navbar-static-top.html index 065d16d5f..f22746900 100644 --- a/docs/examples/navbar-static-top.html +++ b/docs/examples/navbar-static-top.html @@ -16,11 +16,11 @@ title: Static navbar template
            - + Project name
              diff --git a/docs/examples/navbar.html b/docs/examples/navbar.html index 4c0f9938b..f8b25482e 100644 --- a/docs/examples/navbar.html +++ b/docs/examples/navbar.html @@ -22,11 +22,11 @@ title: Navbar template
              - + Project name
                -- cgit v1.2.3 From 245ebda651fcdbc9687c1a436e8bbe3916354da6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Jun 2013 21:57:51 -0700 Subject: nuke the .col --- docs/examples/carousel.html | 6 +++--- docs/examples/grid.html | 26 +++++++++++++------------- docs/examples/jumbotron-narrow.html | 4 ++-- docs/examples/jumbotron.html | 6 +++--- docs/examples/justified-nav.html | 6 +++--- 5 files changed, 24 insertions(+), 24 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index a3c9cb985..7719e804b 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -323,19 +323,19 @@ body {
                -
                +

                Heading

                Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

                View details »

                -
                +

                Heading

                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

                View details »

                -
                +

                Heading

                Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                diff --git a/docs/examples/grid.html b/docs/examples/grid.html index d14602e4e..98dd760da 100644 --- a/docs/examples/grid.html +++ b/docs/examples/grid.html @@ -37,22 +37,22 @@ title: Grid template

                Three equal columns

                -
                .col .col-lg-4
                -
                .col .col-lg-4
                -
                .col .col-lg-4
                +
                .col-lg-4
                +
                .col-lg-4
                +
                .col-lg-4

                Three unequal columns

                -
                .col .col-lg-3
                -
                .col .col-lg-6
                -
                .col .col-lg-3
                +
                .col-lg-3
                +
                .col-lg-6
                +
                .col-lg-3

                Two columns

                -
                .col .col-lg-8
                -
                .col .col-lg-4
                +
                .col-lg-8
                +
                .col-lg-4

                Full width, single column

                @@ -60,14 +60,14 @@ title: Grid template

                Two columns with two nested columns

                -
                - .col .col-lg-8 +
                + .col-lg-8
                -
                .col .col-lg-6
                -
                .col .col-lg-6
                +
                .col-lg-6
                +
                .col-lg-6
                -
                .col .col-lg-4
                +
                .col-lg-4
                diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html index a6fd4e950..b94b00096 100644 --- a/docs/examples/jumbotron-narrow.html +++ b/docs/examples/jumbotron-narrow.html @@ -104,7 +104,7 @@ title: Narrow page template
                -
                +

                Subheading

                Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                @@ -115,7 +115,7 @@ title: Narrow page template

                Maecenas sed diam eget risus varius blandit sit amet non magna.

                -
                +

                Subheading

                Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index af2952dbd..897313449 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -85,17 +85,17 @@ title: Jumbotron template
                -
                +

                Heading

                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                View details »

                -
                +

                Heading

                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                View details »

                -
                +

                Heading

                Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                View details »

                diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index afc03a1a8..edf8cfae6 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -118,17 +118,17 @@ title: Justified nav template
                -
                +

                Heading

                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                View details »

                -
                +

                Heading

                Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                View details »

                -
                +

                Heading

                Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

                View details »

                -- cgit v1.2.3 From 0a18d33d2c1600c9d5133127dac4db2f690df71a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Jun 2013 23:43:43 -0700 Subject: Redo grid documentation * Update example sections to include basic, mobile-desktop, and mobile-tablet-desktop implementations * Add more examples to the grid example page * Red columns instead of gray for more Bootstrapy aesthetic --- docs/examples/grid.html | 34 ++++++++++++++++++++++++++++++++-- 1 file changed, 32 insertions(+), 2 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/grid.html b/docs/examples/grid.html index 98dd760da..14e8ecdf6 100644 --- a/docs/examples/grid.html +++ b/docs/examples/grid.html @@ -24,8 +24,8 @@ title: Grid template [class*="col-lg-"] { padding-top: 15px; padding-bottom: 15px; - background-color: #f5f5f5; - border: 1px solid #e5e5e5; + background-color: rgba(185,74,72,.15); + border: 1px solid rgba(185,74,72,.2); } @@ -70,5 +70,35 @@ title: Grid template
                .col-lg-4
                +

                Mixed: mobile and desktop

                +
                +
                .col-12 .col-lg-8
                +
                .col-6 .col-lg-4
                +
                +
                +
                .col-6 .col-lg-4
                +
                .col-6 .col-lg-4
                +
                .col-6 .col-lg-4
                +
                +
                +
                .col-6 .col-lg-6
                +
                .col-6 .col-lg-6
                +
                + +

                Mixed: mobile, tablet, and desktop

                +
                +
                .col-12 .col-lg-8
                +
                .col-6 .col-lg-4
                +
                +
                +
                .col-6 .col-lg-4
                +
                .col-6 .col-lg-4
                +
                .col-6 .col-lg-4
                +
                +
                +
                .col-6 .col-lg-6
                +
                .col-6 .col-lg-6
                +
                +
                -- cgit v1.2.3 From 65ad52060e1f9b5928ac0d5a0bfead0cdf1b26f4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Jun 2013 20:31:03 -0700 Subject: Offcanvas example update * Remove plugin file and put JS inline * Update grid layout to use tablet columns * Switch from LESS to CSS for transition * Pad footer sides for better mobile rendering * Spacing cleanup --- docs/examples/offcanvas.html | 62 +++++++++++++++++++++++++------------------- 1 file changed, 36 insertions(+), 26 deletions(-) (limited to 'docs/examples') diff --git a/docs/examples/offcanvas.html b/docs/examples/offcanvas.html index cfc182ae4..c93578e2b 100644 --- a/docs/examples/offcanvas.html +++ b/docs/examples/offcanvas.html @@ -8,6 +8,10 @@ title: Static navbar template body { padding-top: 80px; } + footer { + padding-left: 15px; + padding-right: 15px; + } /* * Off canvas @@ -16,7 +20,9 @@ title: Static navbar template .row-offcanvas { position: relative; overflow: hidden; - .transition(all 0.25s ease-out); + -webkit-transition: all 0.25s ease-out; + -moz-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; } .row-offcanvas.active { overflow: visible; @@ -48,7 +54,6 @@ title: Static navbar template } @media screen and (min-width: 320px) and (max-width: 480px) { - .row-offcanvas-right .sidebar-offcanvas { right: -270px; /* 60px * 4.5 = average iPhones and Android phones */ } @@ -64,13 +69,11 @@ title: Static navbar template .sidebar-offcanvas { width: 270px; /* 60px * 4.5 = average iPhones and Android phones */ } - } /* Landscape phone to tablets * -------------------------- */ @media screen and (min-width: 481px) and (max-width: 767px) { - .row-offcanvas-right .sidebar-offcanvas { right: -480px; /* 60px * 8 = Tablets and wider */ } @@ -86,25 +89,32 @@ title: Static navbar template .sidebar-offcanvas { width: 480px; /* 60px * 8 = Tablets and wider */ } - } /* Tablets & above * ---------------- */ @media screen and (min-width: 768px) { - .row-offcanvas { position: static; overflow: visible; } - .sidebar-offcanvas { position: static; } - + .btn-offcanvas { + display: none; + } } + +