docs: resize docs bundler images and fix dimensions (#39824)

The dimensions must be of the non-2x image.

diff --git a/site/content/docs/5.3/getting-started/parcel.md b/site/content/docs/5.3/getting-started/parcel.md
index 4291f76cc094e7802909189887604169afd4067c..73de599c971e2af361a2afd8f267dad683c7c5e5 100644 (file)
--- a/site/content/docs/5.3/getting-started/parcel.md
+++ b/site/content/docs/5.3/getting-started/parcel.md
@@ -7,7 +7,7 @@ toc: true
 thumbnail: guides/bootstrap-parcel@2x.png
 ---
 
-<img class="mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel.png" width="2000" height="1000" alt="">
+<img class="d-block mx-auto mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel.png" width="800" height="400" alt="">
 
 {{< callout >}}
 **Want to skip to the end?** Download the source code and working demo for this guide from the [twbs/examples repository](https://github.com/twbs/examples/tree/main/parcel). You can also [open the example in StackBlitz](https://stackblitz.com/github/twbs/examples/tree/main/parcel?file=index.html) but not run it because Parcel isn't currently supported there.

diff --git a/site/content/docs/5.3/getting-started/vite.md b/site/content/docs/5.3/getting-started/vite.md
index 029a22c8a9d1e3b4685e598838d42449610dfbf2..380f56bc8b1c550f3632bbca827e2041372ae9bb 100644 (file)
--- a/site/content/docs/5.3/getting-started/vite.md
+++ b/site/content/docs/5.3/getting-started/vite.md
@@ -10,7 +10,7 @@ added:
   version: "5.2"
 ---
 
-<img class="mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite.png" width="2000" height="1000" alt="">
+<img class="d-block mx-auto mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite.png" width="800" height="400" alt="">
 
 {{< callout >}}
 **Want to skip to the end?** Download the source code and working demo for this guide from the [twbs/examples repository](https://github.com/twbs/examples/tree/main/vite). You can also [open the example in StackBlitz](https://stackblitz.com/github/twbs/examples/tree/main/vite?file=index.html) for live editing.

diff --git a/site/content/docs/5.3/getting-started/webpack.md b/site/content/docs/5.3/getting-started/webpack.md
index 01899643d7c32cc516bf1834afe2e2b7ebc0c34c..af1cbfa832a41c944a4a54edb5bd21beb4e03f03 100644 (file)
--- a/site/content/docs/5.3/getting-started/webpack.md
+++ b/site/content/docs/5.3/getting-started/webpack.md
@@ -7,7 +7,7 @@ toc: true
 thumbnail: guides/bootstrap-webpack@2x.png
 ---
 
-<img class="mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack.png" width="2000" height="1000" alt="">
+<img class="d-block mx-auto mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack.png" width="800" height="400" alt="">
 
 {{< callout >}}
 **Want to skip to the end?** Download the source code and working demo for this guide from the [twbs/examples repository](https://github.com/twbs/examples/tree/main/webpack). You can also [open the example in StackBlitz](https://stackblitz.com/github/twbs/examples/tree/main/webpack?file=index.html) for live editing.

diff --git a/site/static/docs/5.3/assets/img/guides/bootstrap-parcel.png b/site/static/docs/5.3/assets/img/guides/bootstrap-parcel.png
index 4cfa46cf362641df92d4f0ca27cd3e26263d306d..50fc799513bb3c384690014b872dab6cef4403bb 100644 (file)
Binary files a/site/static/docs/5.3/assets/img/guides/bootstrap-parcel.png and b/site/static/docs/5.3/assets/img/guides/bootstrap-parcel.png differ

diff --git a/site/static/docs/5.3/assets/img/guides/bootstrap-parcel@2x.png b/site/static/docs/5.3/assets/img/guides/bootstrap-parcel@2x.png
index 4f7165879004a3e465f08da24dd4f93661e57371..fe0ec4c638b1c7495c29ede5631409c03c2ff494 100644 (file)
Binary files a/site/static/docs/5.3/assets/img/guides/bootstrap-parcel@2x.png and b/site/static/docs/5.3/assets/img/guides/bootstrap-parcel@2x.png differ

diff --git a/site/static/docs/5.3/assets/img/guides/bootstrap-vite.png b/site/static/docs/5.3/assets/img/guides/bootstrap-vite.png
index a290110e7de83835429b15389546c9935fbaf3ba..de4cad7343bff12e1bd07ffa37ecfe5409918df9 100644 (file)
Binary files a/site/static/docs/5.3/assets/img/guides/bootstrap-vite.png and b/site/static/docs/5.3/assets/img/guides/bootstrap-vite.png differ

diff --git a/site/static/docs/5.3/assets/img/guides/bootstrap-vite@2x.png b/site/static/docs/5.3/assets/img/guides/bootstrap-vite@2x.png
index 5fe40c526d9b4d9cdd822e206be9eb27a5ffb106..f8d4858088c015a4dc9533c694b09f40ad2e9022 100644 (file)
Binary files a/site/static/docs/5.3/assets/img/guides/bootstrap-vite@2x.png and b/site/static/docs/5.3/assets/img/guides/bootstrap-vite@2x.png differ

diff --git a/site/static/docs/5.3/assets/img/guides/bootstrap-webpack.png b/site/static/docs/5.3/assets/img/guides/bootstrap-webpack.png
index 189b7f494b7bca92a53260a0eefa863eaa9184ac..c7be9fc390a6e7e1c2349dc15d9926c2fa93f257 100644 (file)
Binary files a/site/static/docs/5.3/assets/img/guides/bootstrap-webpack.png and b/site/static/docs/5.3/assets/img/guides/bootstrap-webpack.png differ

diff --git a/site/static/docs/5.3/assets/img/guides/bootstrap-webpack@2x.png b/site/static/docs/5.3/assets/img/guides/bootstrap-webpack@2x.png
index 7006386f0bfbd8b30266a5bc79b4afb586a37eab..be6b5fb0a134999f8258f593dcf18b149772ccd4 100644 (file)
Binary files a/site/static/docs/5.3/assets/img/guides/bootstrap-webpack@2x.png and b/site/static/docs/5.3/assets/img/guides/bootstrap-webpack@2x.png differ