From 0bb9fd20823d47055832364daa4c914d677267c4 Mon Sep 17 00:00:00 2001 From: CarloMartini <CarloMartini@users.noreply.github.com> Date: Mon, 26 Jun 2017 18:14:52 +0200 Subject: [PATCH] Update modal.md Removed a duplicate explanation. --- docs/4.0/components/modal.md | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/docs/4.0/components/modal.md b/docs/4.0/components/modal.md index 587a2b632a..a903cd8844 100644 --- a/docs/4.0/components/modal.md +++ b/docs/4.0/components/modal.md @@ -15,11 +15,6 @@ 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. - Once again, due to `position: fixed`, there are some caveats with using modals on mobile devices. [See our browser support docs]({{ site.baseurl }}/docs/{{ site.docs_version }}/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. - - - Due to how HTML5 defines its semantics, [the `autofocus` HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autofocus) has no effect in Bootstrap modals. To achieve the same effect, use some custom JavaScript: {% highlight js %} @@ -28,6 +23,8 @@ $('#myModal').on('shown.bs.modal', function () { }) {% endhighlight %} +Keep reading for demos and usage guidelines. + ## Examples ### Modal components