Add floating button styling to Bootstrapfeat(floating): add floating action button component (scss)

[vineetp6]

Description

• Aew floating button component to Bootstrap. The floating button is a fixed-position button that appears in the bottom-right corner of the page, with customizable size, color, and hover/active states. It is ideal for actions such as triggering a chat box, opening a modal, or any other prominent action.
• The button’s style is responsive and includes transitions for hover and active states. The button scales slightly on hover and minimizes on active click.

Motivation & Context

A customizable floating action button, commonly used for actions like creating new posts, adding items, or any task requiring constant visibility without taking up much space.

Type of changes

• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)

Checklist

• [ X] I have read the contributing guidelines
• [ X] My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• [ X] All new and existing tests passed

Live previews

• https://deploy-preview-{your_pr_number}--twbs-bootstrap.netlify.app/

Related issues

[vineetp6]

Hi maintainers — this PR is from my fork (vineetp6:button-feature). Could someone please approve running the workflows so CI (lint/tests/CodeQL) can run? Thank you!

[mdo]

Thanks, but we'll pass on including this.

[vineetp6]

First time was trying to contribute nothing more.