Skip to content

adenin-platform/fluent-bootstrap-5

Repository files navigation

Fluent UI Bootstrap 5

Integrate Bootstrap's source Sass and compiled JavaScript bundle via npm, with additional features for modern development. This setup includes:

  • Autoprefixer for cross-browser CSS support
  • Stylelint for maintaining Sass code quality
  • Popper, a Bootstrap JS peer dependency, used for positioning dropdowns, popovers, and tooltips

This project is inspired by 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:

<!DOCTYPE html>
<html lang="en">
<head>
  ...
  <link rel="stylesheet" href="css/styles.css">
</head>

<body class="fluentbootstrap5body">
  ...
</body>
</html>


## How to use

```sh
npm install
npm start

View preview page at http://localhost:3000

Releases

No releases published

Packages

No packages published