Bootstrap class: .form-control-range
<input type="range" class="form-control-range">Preview
Use Shuffle AI to build your own Bootstrap templates
Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.
Check .form-control-range in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
Sass source
/* _forms.scss:74 */
.form-control-range {
display: block;
width: 100%;
}Uses variables
Code copied to the clipboard.
Copying failed
/* _forms.scss:74 */
More in Bootstrap Forms
- form-group
- form-inline
- form using the grid
- form-control
- form-control-sm
- form-control-plaintext
- form-check
- disabled items
- form-check-inline
- form-control-lg
- form-control-file
- readonly
- form (full example)
- col-form-label
- col-form-label-lg
- col-form-label-sm
- form-check-input
- form-check-label
- form-control-color
- form-floating
- form-label
- form-select
- form-select-lg
- form-select-sm
- form-switch
- form-text
- input-group-text
- is-invalid
- is-valid
- valid-feedback
- valid-tooltip
