Bootstrap Input Spinner Examples

A CSS/SCSS library that allows you to display an animated, customizable loading spinner/indicatror inside Bootstrap form controls like input, textarea, and select.

input

sm

lg

input + label

sm

lg

input + @tkrotoff/bootstrap-floating-label

sm

lg

spinner-grow

sm

lg

textarea

sm

sm + rows='1'

lg

lg + rows='1'

select (broken)

sm

lg

custom-select

sm

lg

select multiple (broken)

sm

lg

custom-select multiple

sm

lg

form-control-sm

sm

lg

form-control-lg

sm

lg

form-control-plaintext

sm

lg

form-inline

https://getbootstrap.com/docs/4.6/components/forms/#inline-forms

spinner-border spinner-border-sm

input-group-prepend

sm

lg

input-group-append

sm

lg

input-group-prepend + input-group-append

sm

lg

input-group-sm

sm

lg

input-group-lg

sm

lg

prepend * 2 + input * 2 + append * 2

sm

lg