From ff8d28cf2501773ff6f7833865c8e2b2ebb76a3f Mon Sep 17 00:00:00 2001 From: Quy Date: Sat, 31 Dec 2016 16:12:28 -0800 Subject: Move .table-responsive from wrapper to .table --- docs/content/tables.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/tables.md b/docs/content/tables.md index da847611f..4b4e75028 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -765,7 +765,7 @@ Responsive tables make use of `overflow-y: hidden`, which clips off any content {% highlight html %} - +
...
{% endhighlight %} -- cgit v1.2.3 From bd72b9593bbff9a001ba818dbf8782b5ed3f08d0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 3 Jan 2017 13:11:25 -0800 Subject: Drop .table-reflow Tried redoing this in flexbox, but it falls apart really quickly. Any changes in height of the cells throws it all off since the rows become columns (and thus, content across columns cannot be equally sized). Rather than implement something with such glaring flaws, I'm nuking it outright. --- docs/content/tables.md | 58 -------------------------------------------------- 1 file changed, 58 deletions(-) (limited to 'docs/content') diff --git a/docs/content/tables.md b/docs/content/tables.md index 4b4e75028..234c2ec88 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -769,61 +769,3 @@ Responsive tables make use of `overflow-y: hidden`, which clips off any content ... {% endhighlight %} - - -### Reflow -Turn traditional tables on their side by using `table-reflow`. When using reflow, the table header becomes the first column of the table, the first row within the table body becomes the second column, the second row becomes the third column, etc. - -{% callout warning %} -#### Content order and complex tables - -Beware that the `table-reflow` style changes the visual order of content. Make sure that you only apply this style to well-formed and simple data tables (and in particular, don't use this for layout tables) with appropriate `` table header cells for each row and column. - -In addition, this class will not work correctly for tables with cells that span multiple rows or columns (using `rowspan` or `colspan` attributes). - -{% endcallout %} - -{% example html %} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#Table headingTable headingTable headingTable headingTable headingTable heading
1Table cellTable cellTable cellTable cellTable cellTable cell
2Table cellTable cellTable cellTable cellTable cellTable cell
3Table cellTable cellTable cellTable cellTable cellTable cell
-{% endexample %} -- cgit v1.2.3 From 57d3a25fec7269fbb3795f320d73460135f39f5e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 3 Jan 2017 13:50:49 -0800 Subject: leave a note in the docs --- docs/content/typography.md | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/content') diff --git a/docs/content/typography.md b/docs/content/typography.md index 073734768..674b19b2e 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -17,6 +17,7 @@ Bootstrap includes simple and easily customized typography for headings, body te Bootstrap sets basic global display, typography, and link styles. Specifically, we: - Use a [native font stack]({{ site.baseurl }}/content/reboot/#native-font-stack) that selects the best `font-family` for each OS and device. +- For a more inclusive and accessible type scale, we assume the browser default root `font-size` (typically 16px) so visitors can customize their browser defaults as needed. - Use the `$font-family-base`, `$font-size-base`, and `$line-height-base` attributes as our typographic base applied to the ``. - Set the global link color via `$link-color` and apply link underlines only on `:hover`. - Use `$body-bg` to set a `background-color` on the `` (`#fff` by default). -- cgit v1.2.3 From e4c0311626befc89c9462e675059edf9d52b9bb1 Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Thu, 5 Jan 2017 11:11:50 +1100 Subject: Update broken links. --- docs/content/typography.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/typography.md b/docs/content/typography.md index 674b19b2e..7e3fbe726 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -5,7 +5,7 @@ description: Documentation and examples for Bootstrap typography, including glob group: content --- -Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/utilities/typography). +Bootstrap includes simple and easily customized typography for headings, body text, lists, and more. For even more control, check out the [textual utility classes]({{ site.baseurl }}/utilities/typography/). ## Contents -- cgit v1.2.3 From db4fe7c69dbe7c878a6b9664585bde70503fbe82 Mon Sep 17 00:00:00 2001 From: Quy Date: Sun, 15 Jan 2017 21:46:16 -0800 Subject: Remove IE9 from SVG images callout (#21566) --- docs/content/images.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/content') diff --git a/docs/content/images.md b/docs/content/images.md index fc8cda6b4..a89206488 100644 --- a/docs/content/images.md +++ b/docs/content/images.md @@ -25,9 +25,9 @@ Images in Bootstrap are made responsive with `.img-fluid`. `max-width: 100%;` an {% endhighlight %} {% callout warning %} -#### SVG images and IE 9-10 +#### SVG images and IE 10 -In Internet Explorer 9-10, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100% \9;` where necessary. This fix improperly sizes other image formats, so Bootstrap doesn't apply it automatically. +In Internet Explorer 10, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100% \9;` where necessary. This fix improperly sizes other image formats, so Bootstrap doesn't apply it automatically. {% endcallout %} ## Image thumbnails -- cgit v1.2.3 From 4fa7749442ea7ab609d1c8c25dc4ba750194e542 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 21 Jan 2017 14:14:25 -0800 Subject: Drop Normalize, port relevant parts to Reboot (#21741) * Get this party started by removing mention of Normalize.css * Nuke the old comment, consolidate to a single line and number as appropriate * Bring over styles for HTML element from Normalize to Reboot * Move margin override for body element from Normalize to Reboot * Drop the block reset for HTML5 elements in IE9- from Normalize given we dropped IE9 support * Building on previous commit, do the same thing for figure, figcaption, and main * Remove IE9- display from Normalize given our browser support * Drop IE8 figure margin because we're IE10+ * No need for the h1 overrides because we reset these font and margin styles anyway in _type.scss already * Drop Safari 6 b and strong normalization because we're Safari 8+ * Remove mark styles for IE9- from Normalize * Remove old iOS audio fixes from Normalize * Remove IE9- display for progress from Normalize * Remove more IE9- rules from Normalize * One more IE9- display removal for canvas element * Move pre overrides from Normalize to Reboot * Move over some link resets to Reboot, drop others - Move over background-color and text-decoration - Drop focus outline change given it affects the offset on hover of focused links * Move over more code element resets, consolidate with pre overrides, too * Move over sub and sup wholesale * Move over img normalization to Reboot * Move over SVG override too * - Drop dupe hidden, but add comment for it - Move over template - Move over summary * Remove bulk of @viewport comment * edit down that code comment * consolidate html-based normalizations * update comments * Consolidate abbr styles * move over more type elements * move over hr changes * move over form controls and more * move over button resets * move over firefox button changes * move over search changes and more * we nuke all these styles for fieldsets anyway, so outright remove them * no need for those, we override them * move over legend, fieldset, progress * line break * delete normalize file * linting * update comment * clarify docs mentions of normalize and reboot * remove normalize excludes from linter * remove normalize excludes from cli task * linting * callout license since we forked part of normalize * Improve comments, move table background reset to .table class instead of in reboot * trailing space --- docs/content/reboot.md | 2 +- docs/content/typography.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/content') diff --git a/docs/content/reboot.md b/docs/content/reboot.md index 08ad15a6a..ff4f0dc72 100644 --- a/docs/content/reboot.md +++ b/docs/content/reboot.md @@ -1,7 +1,7 @@ --- layout: docs title: Reboot -description: Documentation and examples for Reboot, Bootstrap's collection of element-specific CSS that builds on Normalize.css. +description: Documentation and examples for Reboot, Bootstrap's collection of element-specific CSS that heavily builds on Normalize.css. group: content redirect_from: "/content/" --- diff --git a/docs/content/typography.md b/docs/content/typography.md index 7e3fbe726..4fe5bbe02 100644 --- a/docs/content/typography.md +++ b/docs/content/typography.md @@ -155,7 +155,7 @@ Change text alignment, transform, style, weight, and color with our [text utilit ## Abbreviations -Stylized implementation of HTML's `` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline from Normalize.css and gain a help cursor to provide additional context on hover and to users of assistive technologies. +Stylized implementation of HTML's `` element for abbreviations and acronyms to show the expanded version on hover. Abbreviations have a default underline and gain a help cursor to provide additional context on hover and to users of assistive technologies. Add `.initialism` to an abbreviation for a slightly smaller font-size. -- cgit v1.2.3 From a5abfe0ac07347b68a18bf18cc61cf20ab69814a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2017 00:22:31 -0800 Subject: fixes #21567 --- docs/content/reboot.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/reboot.md b/docs/content/reboot.md index ff4f0dc72..5d8d022a2 100644 --- a/docs/content/reboot.md +++ b/docs/content/reboot.md @@ -29,7 +29,7 @@ Here are our guidelines and reasons for choosing what to override in Reboot: The `` and `` elements are updated to provide better page-wide defaults. More specifically: - The `box-sizing` is globally set on every element—including `*:before` and `*:after`, to `border-box`. This ensures that the declared width of element is never exceeded due to padding or border. -- A base `font-size: 16px` is declared on the `` and `font-size: 1rem` on the `` for easy responsive type-scaling via media queries. + - No base `font-size` is declared on the ``, but `16px` is assumed (the browser default). `font-size: 1rem` is applied on the `` for easy responsive type-scaling via media queries while respecting user preferences and ensuring a more accessible approach. - The `` also sets a global `font-family` and `line-height`. This is inherited later by some form elements to prevent font inconsistencies. - For safety, the `` has a declared `background-color`, defaulting to `#fff`. -- cgit v1.2.3 From 312522529ccdd9ff98bf95e1e4ec18910406e47e Mon Sep 17 00:00:00 2001 From: Jason Millis Date: Sun, 26 Feb 2017 23:32:34 +0000 Subject: Re-arranged contextual rows/cells (#21980) Re-arranged contextual rows/cells so that example HTML matches example result. --- docs/content/tables.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/content') diff --git a/docs/content/tables.md b/docs/content/tables.md index 234c2ec88..040decfe0 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -560,17 +560,17 @@ Use contextual classes to color table rows or individual cells. ... ... +... ... ... -... ... ... + ... ... ... - ... {% endhighlight %} -- cgit v1.2.3 From e8015e3f16e87c5ebaf6b10d9f627a1dc7f8fe65 Mon Sep 17 00:00:00 2001 From: Bardi Harborow Date: Mon, 27 Feb 2017 21:42:26 +1100 Subject: Fix broken links. --- docs/content/reboot.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/content') diff --git a/docs/content/reboot.md b/docs/content/reboot.md index 5d8d022a2..ab65fe172 100644 --- a/docs/content/reboot.md +++ b/docs/content/reboot.md @@ -311,7 +311,7 @@ The `` element receives basic styling to make it stand out amongst paragra ## HTML5 `[hidden]` attribute -HTML5 adds [a new global attribute named `[hidden]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden), which is styled as `display: none` by default. Borrowing an idea from [PureCSS](http://purecss.io), we improve upon this default by making `[hidden] { display: none !important; }` to help prevent its `display` from getting accidentally overridden. While `[hidden]` isn't natively supported by IE10, the explicit declaration in our CSS gets around that problem. +HTML5 adds [a new global attribute named `[hidden]`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden), which is styled as `display: none` by default. Borrowing an idea from [PureCSS](https://purecss.io), we improve upon this default by making `[hidden] { display: none !important; }` to help prevent its `display` from getting accidentally overridden. While `[hidden]` isn't natively supported by IE10, the explicit declaration in our CSS gets around that problem. {% highlight html %} -- cgit v1.2.3 From 374c45048c53bd70d7ecc8886e6ccc72da8be773 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Mar 2017 17:37:13 -0700 Subject: rewrite in markdown --- docs/content/tables.md | 51 +++++++------------------------------------------- 1 file changed, 7 insertions(+), 44 deletions(-) (limited to 'docs/content') diff --git a/docs/content/tables.md b/docs/content/tables.md index 040decfe0..62579ac69 100644 --- a/docs/content/tables.md +++ b/docs/content/tables.md @@ -442,50 +442,13 @@ Add `.table-sm` to make tables more compact by cutting cell padding in half. Use contextual classes to color table rows or individual cells. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ClassDescription
- .table-active - Applies the hover color to a particular row or cell
- .table-success - Indicates a successful or positive action
- .table-info - Indicates a neutral informative change or action
- .table-warning - Indicates a warning that might need attention
- .table-danger - Indicates a dangerous or potentially negative action
+| Class | Description | +| --- | --- | +| `.table-active` | Applies the hover color to a particular row or cell | +| `.table-success` | Indicates a successful or positive action | +| `.table-info` | Indicates a neutral informative change or action | +| `.table-warning` | Indicates a warning that might need attention | +| `.table-danger` | Indicates a dangerous or potentially negative action |
-- cgit v1.2.3