diff options
| author | m5o <[email protected]> | 2018-01-16 00:49:36 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-03-12 21:50:21 +0200 |
| commit | b5e6eb22a6da98c489c00e6266daa4599e3ce097 (patch) | |
| tree | ca46ac63204c54c0e6c63a78f33f2a2262d82ac3 /docs/4.0/layout | |
| parent | 7b2427cc6b790b2b66dee32ba55b8fa694b789e2 (diff) | |
| download | bootstrap-b5e6eb22a6da98c489c00e6266daa4599e3ce097.tar.xz bootstrap-b5e6eb22a6da98c489c00e6266daa4599e3ce097.zip | |
Use callout without custom Jekyll plugin.
Diffstat (limited to 'docs/4.0/layout')
| -rw-r--r-- | docs/4.0/layout/media-object.md | 5 | ||||
| -rw-r--r-- | docs/4.0/layout/overview.md | 3 |
2 files changed, 4 insertions, 4 deletions
diff --git a/docs/4.0/layout/media-object.md b/docs/4.0/layout/media-object.md index 3ffaf6412..3aebe6028 100644 --- a/docs/4.0/layout/media-object.md +++ b/docs/4.0/layout/media-object.md @@ -22,13 +22,14 @@ Below is an example of a single media object. Only two classes are required—th </div> {% endexample %} -{% callout warning %} +{% capture callout %} ##### Flexbug #12: Inline elements aren't treated as flex items Internet Explorer 10-11 do not render inline elements like links or images (or `::before` and `::after` pseudo-elements) as flex items. The only workaround is to set a non-inline `display` value (e.g., `block`, `inline-block`, or `flex`). We suggest using `.d-flex`, one of our [display utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/display/), as an easy fix. **Source:** [Flexbugs on GitHub](https://github.com/philipwalton/flexbugs#12-inline-elements-are-not-treated-as-flex-items) -{% endcallout %} +{% endcapture %} +{% include callout.html content=callout type="warning" %} ## Nesting diff --git a/docs/4.0/layout/overview.md b/docs/4.0/layout/overview.md index 89c4fcbea..9f899e4b1 100644 --- a/docs/4.0/layout/overview.md +++ b/docs/4.0/layout/overview.md @@ -103,8 +103,7 @@ We occasionally use media queries that go in the other direction (the given scre // No media query since the extra-large breakpoint has no upper bound on its width {% endhighlight %} -{% capture callout-include %}{% include callout-info-mediaqueries-breakpoints.md %}{% endcapture %} -{{ callout-include | markdownify }} +{% include callout-info-mediaqueries-breakpoints.md %} Once again, these media queries are also available via Sass mixins: |