mention how to do edge-to-edge in docs

/cc #23070

diff --git a/docs/4.0/layout/grid.md b/docs/4.0/layout/grid.md
index 77b72f611393e779688013c565c39ba019e69848..a4fbf9ca5d17d709de7a9afa68d233aa21617186 100644 (file)
--- a/docs/4.0/layout/grid.md
+++ b/docs/4.0/layout/grid.md
@@ -434,6 +434,8 @@ The gutters between columns in our predefined grid classes can be removed with `
 
 Here's the source code for creating these styles. Note that column overrides are scoped to only the first children columns and are targeted via [attribute selector](https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors). While this generates a more specific selector, column padding can still be further customized with [spacing utilities]({{ site.baseurl }}/docs/{{ site.docs_version }}/utilities/spacing/).
 
+**Need an edge-to-edge design?** Drop the parent `.container` or `.container-fluid`.
+
 {% highlight sass %}
 .no-gutters {
   margin-right: 0;