Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Docs > Forms > Checks & radios Switches need a .right class as in v4? Or maybe it already exists with inline? (Missing example anyway) #1073

Closed
Tracked by #901
Lausselloic opened this issue Jan 31, 2022 · 2 comments

Comments

@Lausselloic
Copy link
Member

Lausselloic commented Jan 31, 2022

As I need it I just add some classes to https://boosted.orange.com/docs/5.1/forms/checks-radios/#switches

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault">
  <label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>

Make it right aligned by adding .ps-0 to the form-switch and .float-end to form-check-input:

<div class="form-check form-switch ps-0">
  <input class="form-check-input float-end" type="checkbox" role="switch" id="flexSwitchCheckDefault">
  <label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label>
</div>
@louismaximepiton
Copy link
Member

Is it still needed since Bootstrap added the .form-check-reverse ?

@louismaximepiton
Copy link
Member

Since Bootstrap implemented reverse, we can close it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants