diff options
| author | Louis-Maxime Piton <[email protected]> | 2023-01-06 04:59:59 +0100 |
|---|---|---|
| committer | GitHub <[email protected]> | 2023-01-05 19:59:59 -0800 |
| commit | fd1ec97bd3fdc5b942f4fff60c6764e3e13db2a8 (patch) | |
| tree | 18533214796f0ccf063cceb0ce5b76638d2ceac2 /site/content/docs | |
| parent | 702a3b6a61fab473de356fe3fe91edf2b8a3b6f7 (diff) | |
| download | bootstrap-fd1ec97bd3fdc5b942f4fff60c6764e3e13db2a8.tar.xz bootstrap-fd1ec97bd3fdc5b942f4fff60c6764e3e13db2a8.zip | |
Docs: Small enhancements (#37803)
* Consistency with the doc
* Bring a class to avoid weird behavior
* Consistency + Add some explaining text
* fix(color)
Diffstat (limited to 'site/content/docs')
| -rw-r--r-- | site/content/docs/5.3/components/modal.md | 2 | ||||
| -rw-r--r-- | site/content/docs/5.3/utilities/z-index.md | 16 |
2 files changed, 12 insertions, 6 deletions
diff --git a/site/content/docs/5.3/components/modal.md b/site/content/docs/5.3/components/modal.md index 09ae0653d..8f40ed5af 100644 --- a/site/content/docs/5.3/components/modal.md +++ b/site/content/docs/5.3/components/modal.md @@ -488,7 +488,7 @@ exampleModal.addEventListener('show.bs.modal', event => { const button = event.relatedTarget // Extract info from data-bs-* attributes const recipient = button.getAttribute('data-bs-whatever') - // If necessary, you could initiate an AJAX request here + // If necessary, you could initiate an Ajax request here // and then do the updating in a callback. // // Update the modal's content. diff --git a/site/content/docs/5.3/utilities/z-index.md b/site/content/docs/5.3/utilities/z-index.md index 5e4fe05b0..ca7d8e35a 100644 --- a/site/content/docs/5.3/utilities/z-index.md +++ b/site/content/docs/5.3/utilities/z-index.md @@ -16,11 +16,11 @@ We call these "low-level" `z-index` utilities because of their default values of {{< /callout >}} {{< example class="bd-example-zindex-levels position-relative" >}} -<div class="z-3 position-absolute p-5 rounded-3"></div> -<div class="z-2 position-absolute p-5 rounded-3"></div> -<div class="z-1 position-absolute p-5 rounded-3"></div> -<div class="z-0 position-absolute p-5 rounded-3"></div> -<div class="z-n1 position-absolute p-5 rounded-3"></div> +<div class="z-3 position-absolute p-5 rounded-3"><span>z-3</span></div> +<div class="z-2 position-absolute p-5 rounded-3"><span>z-2</span></div> +<div class="z-1 position-absolute p-5 rounded-3"><span>z-1</span></div> +<div class="z-0 position-absolute p-5 rounded-3"><span>z-0</span></div> +<div class="z-n1 position-absolute p-5 rounded-3"><span>z-n1</span></div> {{< /example >}} ## Overlays @@ -42,3 +42,9 @@ Learn about our [`z-index` approach]({{< docsref "/extend/approach#z-index-scale Customize this Sass map to change the available values and generated utilities. {{< scss-docs name="zindex-levels-map" file="scss/_variables.scss" >}} + +### Utilities API + +Position utilities are declared in our utilities API in `scss/_utilities.scss`. [Learn how to use the utilities API.]({{< docsref "/utilities/api#using-the-api" >}}) + +{{< scss-docs name="utils-zindex" file="scss/_utilities.scss" >}} |