README.md: wrap file contents in a `details` element (#35452)

Co-authored-by: Mark Otto <markd.otto@gmail.com>

diff --git a/README.md b/README.md
index 4dd75311341c543e74ba79673d0dd5801a9914ee..5dcb7bc9993e3b9b703e0130ff1859543fc5bf0d 100644 (file)
--- a/README.md
+++ b/README.md
@@ -70,7 +70,9 @@ Read the [Getting started page](https://getbootstrap.com/docs/4.6/getting-starte
 
 ## What's included
 
-Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
+Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.
+
+<details><summary>Download contents</summary>
 
 ```text
 bootstrap/
@@ -98,6 +100,7 @@ bootstrap/
         ├── bootstrap.min.js
         └── bootstrap.min.js.map
 ```
+</details>
 
 We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). [Source maps](https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps) (`bootstrap.*.map`) are available for use with certain browsers' developer tools. Bundled JS files (`bootstrap.bundle.js` and minified `bootstrap.bundle.min.js`) include [Popper](https://popper.js.org/), but not [jQuery](https://jquery.com/).