Docs: Update float responsive examples

[coliff]

Description

Switch example to use float-end rather than float-start, so it's possible to see/test how they work by resizing the browser window. Right now they are always left-aligned.

Also adds missing xxl variant example.

Motivation & Context

to show users all variants and how they work.

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• 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
• All new and existing tests passed

Live previews

• https://deploy-preview-38885--twbs-bootstrap.netlify.app/docs/5.3/utilities/float/#responsive

Related issues

[julien-deramond]

Neat, I agree that it's more handy to see and understand the effect by using .float-*-end utilities here. And good catch for the xxl missing one.