https://github.com/adenin-platform/fluent-bootstrap-5
FluentBootstrap5
https://github.com/adenin-platform/fluent-bootstrap-5
bootstrap bootstrap5 fluent-design spfx
Last synced: 5 months ago
JSON representation
FluentBootstrap5
- Host: GitHub
- URL: https://github.com/adenin-platform/fluent-bootstrap-5
- Owner: adenin-platform
- License: mit
- Created: 2024-10-28T11:21:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T22:14:30.000Z (over 1 year ago)
- Last Synced: 2025-03-30T18:02:58.937Z (over 1 year ago)
- Topics: bootstrap, bootstrap5, fluent-design, spfx
- Language: HTML
- Homepage: https://fluentbootstrap.netlify.app/
- Size: 221 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fluent UI Bootstrap 5
Integrate [Bootstrap](https://getbootstrap.com)'s source Sass and compiled JavaScript bundle via npm, with additional features for modern development. This setup includes:
- [Autoprefixer](https://github.com/postcss/autoprefixer) for cross-browser CSS support
- [Stylelint](https://stylelint.io) for maintaining Sass code quality
- [Popper](https://popper.js.org), a Bootstrap JS peer dependency, used for positioning dropdowns, popovers, and tooltips
This project is inspired by [FluentBootstrap](https://github.com/scottkuhl/FluentBootstrap).
### Avoiding Global Styles
To prevent conflicts when embedded in other web applications, the `style.css` file has been configured to avoid modifying global element selectors (such as `body` or `a`). Instead, styles are applied only within containers that have the `fluentbootstrap5body` class. For example:
```html
...
...
## How to use
```sh
npm install
npm start
```
View preview page at http://localhost:3000