Add Bootstrap 5 tests/examples/docs

[coliff]

No description provided.

[faresbakhit]

I tried changing the Example's Bootstrap from 4.6 -> 5.0 but Unfortunately there's an issue with with the password input field

That appears to be an issue on bootstrap's side twbs/bootstrap#25110 however the issue was for inputs with right handed add-ons. it was fixed by adding has-validation however that seems not to be the case here.

[coliff]

heya - I think you just need to add rounded-end (you can remove rounded-right) to the button and form input:

  <div class="input-group">
      <input type="password" id="password" name="current-password" autocomplete="current-password" class="form-control rounded" spellcheck="false" autocorrect="off" autocapitalize="off" required>
      <button id="toggle-password" type="button" class="d-none"
        aria-label="Show password as plain text. Warning: this will display your password on the screen.">
      </button>
    </div>

[faresbakhit]

@coliff Wow! Thank you so much. I has been trying find what is wrong for like half an hour before I wrote the reply but looks like I came to a wrong conclusion 😅

[coliff]

:-) Happy to help. I added a Bootstrap 5 example to the project now too.

https://coliff.github.io/bootstrap-show-password-toggle/tests/bootstrap5-sign-in/