From 9c52e03d31be40322f59062551519a7d4e009bef Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 22 Aug 2015 18:58:02 -0700 Subject: avoid mentioning css block level in cards docs /cc #17158 #17103 --- docs/components/card.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components/card.md') diff --git a/docs/components/card.md b/docs/components/card.md index d6413672d..f7ec63ea8 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -86,7 +86,7 @@ Cards support a wide variety of content, including images, text, list groups, li ## Sizing -Cards are block-level by default, so they'll fill the available horizontal space. Constrain their widths via inline styles, our predefined grid classes, or with custom styles using our grid mixins. +Constrain the width or cards via custom CSS, our predefined grid classes, or with custom styles using our grid mixins. Using the grid: -- cgit v1.2.3 From 44f2e73421bbc56db1a241272e6e587b82fafa2e Mon Sep 17 00:00:00 2001 From: Heinrich Fenkart Date: Sun, 23 Aug 2015 04:56:09 +0200 Subject: Docs: fix typo from 9c52e03 --- docs/components/card.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components/card.md') diff --git a/docs/components/card.md b/docs/components/card.md index f7ec63ea8..966105e40 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -86,7 +86,7 @@ Cards support a wide variety of content, including images, text, list groups, li ## Sizing -Constrain the width or cards via custom CSS, our predefined grid classes, or with custom styles using our grid mixins. +Constrain the width of cards via custom CSS, our predefined grid classes, or with custom styles using our grid mixins. Using the grid: -- cgit v1.2.3 From 1ba807f15dc18e4762fa0d03df0ec746a69283be Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Fri, 28 Aug 2015 00:26:00 +0300 Subject: Update Holder.js to v2.8.2. [ci skip] --- docs/components/card.md | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) (limited to 'docs/components/card.md') diff --git a/docs/components/card.md b/docs/components/card.md index 966105e40..8f19e97ce 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -19,7 +19,7 @@ Cards require a small amount of markup and classes to provide you with as much c {% example html %}
- Card image cap + Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

@@ -34,7 +34,7 @@ Cards support a wide variety of content, including images, text, list groups, li {% example html %}
- Card image cap + Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

@@ -53,7 +53,7 @@ Cards support a wide variety of content, including images, text, list groups, li {% example html %}
- Card image cap + Card image cap

Some quick example text to build on the card title and make up the bulk of the card's content.

@@ -75,7 +75,7 @@ Cards support a wide variety of content, including images, text, list groups, li

Card title

Support card subtitle
- Card image + Card image

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link @@ -196,7 +196,7 @@ Similar to headers and footers, cards include top and bottom image caps. {% example html %}
- Card image cap + Card image cap

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

@@ -209,7 +209,7 @@ Similar to headers and footers, cards include top and bottom image caps.

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

- Card image cap + Card image cap
{% endexample %} @@ -219,7 +219,7 @@ Turn an image into a card background and overlay your card's text. Depending on {% example html %}
- Card image + Card image

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

@@ -298,7 +298,7 @@ Use card groups to render cards as a single, attached element with equal width a {% example html %}
- Card image cap + Card image cap

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

@@ -306,7 +306,7 @@ Use card groups to render cards as a single, attached element with equal width a
- Card image cap + Card image cap

Card title

This card has supporting text below as a natural lead-in to additional content.

@@ -314,7 +314,7 @@ Use card groups to render cards as a single, attached element with equal width a
- Card image cap + Card image cap

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

@@ -334,7 +334,7 @@ Need a set of equal width and height cards that aren't attached to one another?
- Card image cap + Card image cap

Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

@@ -342,7 +342,7 @@ Need a set of equal width and height cards that aren't attached to one another?
- Card image cap + Card image cap

Card title

This card has supporting text below as a natural lead-in to additional content.

@@ -350,7 +350,7 @@ Need a set of equal width and height cards that aren't attached to one another?
- Card image cap + Card image cap

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

@@ -370,7 +370,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns {% example html %}
- Card image cap + Card image cap

Card title that wraps to a new line

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

@@ -387,7 +387,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns
- Card image cap + Card image cap

Card title

This card has supporting text below as a natural lead-in to additional content.

@@ -410,7 +410,7 @@ Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns

Last updated 3 mins ago

- Card image + Card image
-- cgit v1.2.3 From 741f7d4b5a4355f8ba946804baeaead906bacf3a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 6 Sep 2015 09:36:19 -0700 Subject: Fixes #17486: start work on responsive cards for decks, groups, and columns --- docs/components/card.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/components/card.md') diff --git a/docs/components/card.md b/docs/components/card.md index 8f19e97ce..516367e65 100644 --- a/docs/components/card.md +++ b/docs/components/card.md @@ -112,7 +112,7 @@ Using the grid: Using custom widths: {% example html %} -
+

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere @@ -295,6 +295,8 @@ Cards include their own variant classes for quickly changing the `background-col Use card groups to render cards as a single, attached element with equal width and height columns. By default, card groups use `display: table;` and `table-layout: fixed;` to achieve their uniform sizing. However, enabling [flexbox mode]({{ site.baseurl }}/getting-started/flexbox) can switch that to use `display: flex;` and provide the same effect. +Only applies to small devices and above. + {% example html %}
@@ -328,6 +330,8 @@ Use card groups to render cards as a single, attached element with equal width a Need a set of equal width and height cards that aren't attached to one another? Use card decks. By default, card decks require two wrapping elements: `.card-deck-wrapper` and a `.card-deck`. We use table styles for the sizing and the gutters on `.card-deck`. The `.card-deck-wrapper` is used to negative margin out the `border-spacing` on the `.card-deck`. +Only applies to small devices and above. + **ProTip!** If you enable [flexbox mode]({{ site.baseurl }}/getting-started/flexbox/), you can remove the `.card-deck-wrapper`. {% example html %} @@ -363,7 +367,7 @@ Need a set of equal width and height cards that aren't attached to one another? ## Columns -Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns with just CSS by wrapping them in `.card-columns`. +Cards can be organized into [Masonry](http://masonry.desandro.com)-like columns with just CSS by wrapping them in `.card-columns`. Only applies to small devices and above. **Heads up!** This is **not available in IE9 and below** as they have no support for the [`column-*` CSS properties](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts). -- cgit v1.2.3