From 29a8f9fc99bc2d4f0487b84ba8c6a83030178428 Mon Sep 17 00:00:00 2001 From: Matt Eason Date: Thu, 9 Feb 2017 16:17:32 +0000 Subject: Change 'has no affect' to 'has no effect' --- docs/components/modal.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components/modal.md') diff --git a/docs/components/modal.md b/docs/components/modal.md index 16689f6ae..81f917f25 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -21,7 +21,7 @@ Before getting started with Bootstrap's modal component, be sure to read the fol - Bootstrap only supports one modal window at a time. Nested modals aren't supported as we believe them to be poor user experiences. - Modals use `position: fixed`, which can sometimes be a bit particular about its rendering. Whenever possible, place your modal HTML in a top-level position to avoid potential interference from other elements. You'll likely run into issues when nesting a `.modal` within another fixed element. - One again, due to `position: fixed`, there are some caveats with using modals on mobile devices. [See our browser support docs]({{ site.baseurl }}/getting-started/browsers-devices/#modals-and-dropdowns-on-mobile) for details. -- Lastly, the `autofocus` HTML attribute has no affect in modals. Here's how you can achieve the same effect with custom JavaScript. +- Lastly, the `autofocus` HTML attribute has no effect in modals. Here's how you can achieve the same effect with custom JavaScript. Keep reading for demos and usage guidelines. -- 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/components/modal.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components/modal.md') diff --git a/docs/components/modal.md b/docs/components/modal.md index 81f917f25..92840058e 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -347,7 +347,7 @@ Utilize the Bootstrap grid system within a modal by nesting `.container-fluid` w ### Varying modal content -Have a bunch of buttons that all trigger the same modal with slightly different contents? Use `event.relatedTarget` and [HTML `data-*` attributes](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes) (possibly [via jQuery](https://api.jquery.com/data/)) to vary the contents of the modal depending on which button was clicked. +Have a bunch of buttons that all trigger the same modal with slightly different contents? Use `event.relatedTarget` and [HTML `data-*` attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes) (possibly [via jQuery](https://api.jquery.com/data/)) to vary the contents of the modal depending on which button was clicked. Below is a live demo followed by example HTML and JavaScript. For more information, [read the modal events docs](#events) for details on `relatedTarget`. -- cgit v1.2.3 From 651243f57cff324f3eec64717376e8eb0b39d7f6 Mon Sep 17 00:00:00 2001 From: Sam Rapaport Date: Wed, 1 Mar 2017 17:27:02 -0800 Subject: Fix spelling error. --- docs/components/modal.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/components/modal.md') diff --git a/docs/components/modal.md b/docs/components/modal.md index 92840058e..deb25c4dc 100644 --- a/docs/components/modal.md +++ b/docs/components/modal.md @@ -20,7 +20,7 @@ Before getting started with Bootstrap's modal component, be sure to read the fol - Clicking on the modal "backdrop" will automatically close the modal. - Bootstrap only supports one modal window at a time. Nested modals aren't supported as we believe them to be poor user experiences. - Modals use `position: fixed`, which can sometimes be a bit particular about its rendering. Whenever possible, place your modal HTML in a top-level position to avoid potential interference from other elements. You'll likely run into issues when nesting a `.modal` within another fixed element. -- One again, due to `position: fixed`, there are some caveats with using modals on mobile devices. [See our browser support docs]({{ site.baseurl }}/getting-started/browsers-devices/#modals-and-dropdowns-on-mobile) for details. +- Once again, due to `position: fixed`, there are some caveats with using modals on mobile devices. [See our browser support docs]({{ site.baseurl }}/getting-started/browsers-devices/#modals-and-dropdowns-on-mobile) for details. - Lastly, the `autofocus` HTML attribute has no effect in modals. Here's how you can achieve the same effect with custom JavaScript. Keep reading for demos and usage guidelines. -- cgit v1.2.3