leptos-bootstrap
| Crates.io | leptos-bootstrap |
| lib.rs | leptos-bootstrap |
| version | 0.0.3 |
| created_at | 2025-07-05 10:37:31.0687+00 |
| updated_at | 2025-07-11 13:17:10.942296+00 |
| description | Bootstrap styled components for leptos. |
| homepage | |
| repository | https://github.com/jamesgopsill/leptos-bootstrap |
| max_upload_size | |
| id | 1738934 |
| size | 232,787 |
James Gopsill (jamesgopsill)
documentation
README
leptos-bootstrap
This library provides bootstrap styled components for your leptos webapps. Demos of the components can be found here.
Support
Please consider supporting the crate by:
- Downloading and using the crate.
- Raising issues, feature requests and improvements.
- Recommending the crate to others.
- ⭐ the crate on GitHub.
- Sponsoring the maintainer.
Usage
To use, please add the bootstrap css, js and icon set cdn links to your index html. E.g.,
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q" crossorigin="anonymous"></script>
And for icons, add:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
/>
Your index.html should then look something like this:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Your Amazing Webapp</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
crossorigin="anonymous"
></script>
</head>
<body></body>
</html>
Acknowledgements
- GeminiAI for doing the heavy lifting on creating the Icon enum.