mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 14:54:27 +02:00
Code Issues Releases Wiki Activity

Add a render image hook (#39768)

Browse Source 
Images are now lazyloaded, they have width and height attributes and the classes are centralized.

Only applies to Markdown images
This commit is contained in:
XhmikosR
2024-04-01 21:48:31 +03:00
committed by GitHub
parent 24cc552343
commit 2ba7dae3c0
4 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
site/content/docs/5.3/getting-started/vite.md
View File

@@ -135,7 +135,7 @@ With dependencies installed and our project folder ready for us to start coding,
npm start
```
<img class="img-fluid" src="/docs/{{< param docs_version >}}/assets/img/guides/vite-dev-server.png" alt="Vite dev server running">
![Vite dev server running](/assets/img/guides/vite-dev-server.png)
In the next and final section to this guide, we’ll import all of Bootstrap’s CSS and JavaScript.
@@ -175,7 +175,7 @@ In the next and final section to this guide, we’ll import all of Bootstrap’s
3. **And you're done! 🎉** With Bootstrap's source Sass and JS fully loaded, your local development server should now look like this:
<img class="img-fluid" src="/docs/{{< param docs_version >}}/assets/img/guides/vite-dev-server-bootstrap.png" alt="Vite dev server running with Bootstrap">
![Vite dev server running with Bootstrap](/assets/img/guides/vite-dev-server-bootstrap.png)
Now you can start adding any Bootstrap components you want to use. Be sure to [check out the complete Vite example project](https://github.com/twbs/examples/tree/main/vite) for how to include additional custom Sass and optimize your build by importing only the parts of Bootstrap's CSS and JS that you need.