diff --git a/site/content/docs/4.3/extend/approach.md b/site/content/docs/4.3/extend/approach.md index 77f9b53eb3..2ba15ef182 100644 --- a/site/content/docs/4.3/extend/approach.md +++ b/site/content/docs/4.3/extend/approach.md @@ -51,9 +51,9 @@ There are two `z-index` scales in Bootstrap—elements within a component and ov ### Overlay components -Bootstrap includes several components that function as an overlay of some kind. This includes, in order of highest `z-index`, dropdowns, fixed and sticky navbars, modals, tooltips, and popovers. These components have their own `z-index` scale that begins at `1000`. This starting number is random and serves as a small buffer between our styles and your project's custom styles. +Bootstrap includes several components that function as an overlay of some kind. This includes, in order of highest `z-index`, dropdowns, fixed and sticky navbars, modals, tooltips, and popovers. These components have their own `z-index` scale that begins at `1000`. This starting number was chosen arbitrarily and serves as a small buffer between our styles and your project's custom styles. -Each overlay component increases it's `z-index` value slightly in such a way that common UI principles allow user focused or hovered elements to remain in view at all times. For example, a modal is document blocking (e.g., you cannot take any other action save for the modal's action), so we put that above our navbars. +Each overlay component increases its `z-index` value slightly in such a way that common UI principles allow user focused or hovered elements to remain in view at all times. For example, a modal is document blocking (e.g., you cannot take any other action save for the modal's action), so we put that above our navbars. Learn more about this in our [`z-index` layout page]({{< docsref "/layout/overview#z-index" >}}).