Add nested definition list to docs example

Refs #18458
[skip sauce]

docs/content/typography.md

@@ -233,6 +233,14 @@ Align terms and descriptions horizontally by using our grid system's predefined
 
   <dt class="col-sm-3 text-truncate">Truncated term is truncated</dt>
   <dd class="col-sm-9">Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</dd>
+
+  <dt class="col-sm-3">Nesting</dt>
+  <dd class="col-sm-9">
+    <dl class="row">
+      <dt class="col-sm-3">Nested definition list</dt>
+      <dd class="col-sm-9">Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.</dd>
+    </dl>
+  </dd>
 </dl>
 {% endexample %}