From dd9c15273c4aceeada22754ee9a0af2aae7eb8ea Mon Sep 17 00:00:00 2001 From: Kevin Suttle Date: Sat, 24 Aug 2013 11:32:23 -0400 Subject: Add even more role="button" attributes Missed the

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

+

Sign up today

@@ -89,7 +89,7 @@

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

+

Learn more

@@ -99,7 +99,7 @@

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

+

Browse gallery

@@ -122,19 +122,19 @@ Generic placeholder image

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 »

Generic placeholder image

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 »

Generic placeholder image

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/examples/jumbotron-narrow/index.html b/examples/jumbotron-narrow/index.html index 2fb23138b..270cbdf70 100644 --- a/examples/jumbotron-narrow/index.html +++ b/examples/jumbotron-narrow/index.html @@ -37,7 +37,7 @@

Jumbotron heading

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

-

Sign up today

+

Sign up today

diff --git a/examples/jumbotron/index.html b/examples/jumbotron/index.html index 31d11eebb..e67905c3d 100644 --- a/examples/jumbotron/index.html +++ b/examples/jumbotron/index.html @@ -70,7 +70,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 »

@@ -80,17 +80,17 @@

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/examples/justified-nav/index.html b/examples/justified-nav/index.html index 8ab83cc1f..d49718c9e 100644 --- a/examples/justified-nav/index.html +++ b/examples/justified-nav/index.html @@ -42,7 +42,7 @@

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

+

Get started today

@@ -50,17 +50,17 @@

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 »

diff --git a/examples/navbar-fixed-top/index.html b/examples/navbar-fixed-top/index.html index 90f984e96..1b1c708aa 100644 --- a/examples/navbar-fixed-top/index.html +++ b/examples/navbar-fixed-top/index.html @@ -70,7 +70,7 @@

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

To see the difference between static and fixed top navbars, just scroll.

- View navbar docs » + View navbar docs »

diff --git a/examples/navbar-static-top/index.html b/examples/navbar-static-top/index.html index 98ec31d6a..6b5e4d35b 100644 --- a/examples/navbar-static-top/index.html +++ b/examples/navbar-static-top/index.html @@ -71,7 +71,7 @@

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

To see the difference between static and fixed top navbars, just scroll.

- View navbar docs » + View navbar docs »

diff --git a/examples/navbar/index.html b/examples/navbar/index.html index 97e4c0c8c..834019445 100644 --- a/examples/navbar/index.html +++ b/examples/navbar/index.html @@ -67,7 +67,7 @@

Navbar example

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

- View navbar docs » + View navbar docs »

diff --git a/examples/offcanvas/index.html b/examples/offcanvas/index.html index a53741b99..c14e6a66d 100644 --- a/examples/offcanvas/index.html +++ b/examples/offcanvas/index.html @@ -58,32 +58,32 @@

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

diff --git a/examples/theme/index.html b/examples/theme/index.html index 586801ea5..f29f440f1 100644 --- a/examples/theme/index.html +++ b/examples/theme/index.html @@ -65,7 +65,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 8401855f1632ce76ef27b9e92b3393b80c38231d Mon Sep 17 00:00:00 2001 From: Luis Nell Date: Sun, 25 Aug 2013 23:58:01 +0200 Subject: Correct Typo --- examples/offcanvas/offcanvas.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'examples') diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css index df60d6af6..5bb06ae6f 100644 --- a/examples/offcanvas/offcanvas.css +++ b/examples/offcanvas/offcanvas.css @@ -1,5 +1,5 @@ /* - * Style twaks + * Style tweaks * -------------------------------------------------- */ body { @@ -45,4 +45,4 @@ footer { top: 0; width: 50%; /* 6 columns */ } -} \ No newline at end of file +} -- cgit v1.2.3 From 4d23aa4ef50ac16fec9fbc12832ad99f362ac703 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 26 Aug 2013 17:37:52 -0700 Subject: Address #9873 and fix #9774 * Update styling of justified nav links to be more mobile friendly (with all four rounded corners and some margin between items) * Add note to docs to callout bogus WebKit rendering on component and example --- examples/justified-nav/justified-nav.css | 1 + 1 file changed, 1 insertion(+) (limited to 'examples') diff --git a/examples/justified-nav/justified-nav.css b/examples/justified-nav/justified-nav.css index c669d44c7..baf0e1130 100644 --- a/examples/justified-nav/justified-nav.css +++ b/examples/justified-nav/justified-nav.css @@ -27,6 +27,7 @@ body { border: 1px solid #ccc; } .nav-justified > li > a { + margin-bottom: 0; padding-top: 15px; padding-bottom: 15px; color: #777; -- cgit v1.2.3 From 4ad2ecf9757ba45fe41a05fb28a84e7dab5dc39f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 26 Aug 2013 17:58:15 -0700 Subject: Improve upon #9937: Link and put reset column stuff to action in the grid example --- examples/grid/index.html | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) (limited to 'examples') diff --git a/examples/grid/index.html b/examples/grid/index.html index 239b0d16a..7fc46c684 100644 --- a/examples/grid/index.html +++ b/examples/grid/index.html @@ -109,6 +109,35 @@
.col-xs-6 .col-sm-6 .col-lg-6
+
+ +

Column clearing

+

Clear floats at specific breakpoints to prevent awkward wrapping with uneven content.

+
+
.col-xs-6 .col-sm-3
+
.col-xs-6 .col-sm-3
+ + +
+ +
.col-xs-6 .col-sm-3
+
.col-xs-6 .col-sm-3
+
+ +
+ +

Offset, push, and pull resets

+

Reset offsets, pushes, and pulls at specific breakpoints.

+
+
.col-sm-5 .col-md-6
+
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
+
+
+
.col-sm-6 .col-md-5 .col-lg-6
+
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0
+
+ + -- cgit v1.2.3 From c84374f9def122c31860260ddeb3049a27da6c2c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Aug 2013 08:53:48 -0700 Subject: fixes #9901 --- examples/carousel/carousel.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'examples') diff --git a/examples/carousel/carousel.css b/examples/carousel/carousel.css index 164f306ea..13d86511c 100644 --- a/examples/carousel/carousel.css +++ b/examples/carousel/carousel.css @@ -15,7 +15,7 @@ body { /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { position: relative; - z-index: 15; + z-index: 20; } -- cgit v1.2.3 From 4f28fdd22787c2ff96d69d037760db0b7b40648d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Aug 2013 09:10:06 -0700 Subject: Fixes #9928 and #9932: carousel example in IE10 * Use absolute positioning instead to remove navbar from flow of document * No more negative margin fu * Flip around padding between container and navbar for proper display in xs and sm viewports --- examples/carousel/carousel.css | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) (limited to 'examples') diff --git a/examples/carousel/carousel.css b/examples/carousel/carousel.css index 13d86511c..a728bd899 100644 --- a/examples/carousel/carousel.css +++ b/examples/carousel/carousel.css @@ -14,20 +14,31 @@ body { /* Special class on .container surrounding .navbar, used for positioning it into place. */ .navbar-wrapper { - position: relative; + position: absolute; + top: 0; + left: 0; + right: 0; z-index: 20; } +/* Flip around the padding for proper display in narrow viewports */ +.navbar-wrapper .container { + padding-left: 0; + padding-right: 0; +} +.navbar-wrapper .navbar { + padding-left: 15px; + padding-right: 15px; +} + /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { + height: 500px; margin-bottom: 60px; - - /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */ - margin-top: -90px; } /* Since positioning the image, we need to help out the caption */ .carousel-caption { @@ -103,6 +114,15 @@ body { .navbar-wrapper { margin-top: 20px; } + .navbar-wrapper .container { + padding-left: 15px; + padding-right: 15px; + } + .navbar-wrapper .navbar { + padding-left: 0; + padding-right: 0; + } + /* The navbar becomes detached from the top, so we round the corners */ .navbar-wrapper .navbar { border-radius: 4px; -- cgit v1.2.3