From: Kyle Tsang <6854874+kyletsang@users.noreply.github.com> Date: Tue, 29 Sep 2020 18:56:01 +0000 (-0700) Subject: docs(Modal): Add xxl fullscreen example (#31583) X-Git-Tag: v5.0.0-alpha3~152 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=905b1b11b3352f98a97fc1d72e0455daec9e3253;p=thirdparty%2Fbootstrap.git docs(Modal): Add xxl fullscreen example (#31583) * docs(Modal): Add xxl fullscreen example * Update modal.md Co-authored-by: XhmikosR --- diff --git a/site/content/docs/5.0/components/modal.md b/site/content/docs/5.0/components/modal.md index bb00382a26..d1815e1703 100644 --- a/site/content/docs/5.0/components/modal.md +++ b/site/content/docs/5.0/components/modal.md @@ -683,6 +683,10 @@ Another override is the option to pop up a modal that covers the user viewport, .modal-fullscreen-xl-down Below 1200px + + .modal-fullscreen-xxl-down + Below 1400px + @@ -692,6 +696,7 @@ Another override is the option to pop up a modal that covers the user viewport, + {{< highlight html >}} @@ -803,6 +808,23 @@ Another override is the option to pop up a modal that covers the user viewport, + + ## Usage The modal plugin toggles your hidden content on demand, via data attributes or JavaScript. It also adds `.modal-open` to the `` to override default scrolling behavior and generates a `.modal-backdrop` to provide a click area for dismissing shown modals when clicking outside the modal.