Files
docker-docs/contribute/components/cards.md
Allie Sadler 5291295d0d Addition of a 'Contribute' section with our Style Guide (#15350)
* SG test.

* moved some content around

* editing

* broken links fix

* formatting changes

* fixes

* fixes

* edits after review

* fix broken links

* broken link fix

* a few more edits

* removed contributing page

* Revert "removed contributing page"

This reverts commit 5822cd516b.

* add redirect
2022-09-05 10:23:29 +01:00

1.1 KiB

description, title, toc_max
description title toc_max
components and formatting examples used in Docker's docs Cards 3

Example

In a Bootstrap row, your columns need to add up to 12. Here are three cards in a row, each of which takes up 1/3 (4/12) of the row.

This takes up 1/3 of the row unless the screen is small, then it takes up the whole row.
This takes up 1/3 of the row unless the screen is small, then it takes up the whole row.
This takes up 1/3 of the row unless the screen is small, then it takes up the whole row.

HTML

<div class="row">
  <div class="panel col-xs-12 col-md-4">This takes up 1/3 of the row unless the screen is small,
then it takes up the whole row.</div>
  <div class="panel col-xs-12 col-md-4">This takes up 1/3 of the row unless the screen is small,
then it takes up the whole row.</div>
  <div class="panel col-xs-12 col-md-4">This takes up 1/3 of the row unless the screen is small,
then it takes up the whole row.</div>
</div>