Input sliders using the noUiSlider plugin with primary colors

Use the .slider-primary to customize the #slider-primary element with the primary color

Input sliders using the noUiSlider plugin with secondary colors

Use the .slider-secondary to customize the #slider-secondary element with the secondary color

Input sliders using the noUiSlider plugin with info colors

Use the .slider-info to customize the #slider-info element with the info color

Input sliders using the noUiSlider plugin with success colors

Use the .slider-success to customize the #slider-success element with the success color

Input sliders using the noUiSlider plugin with warning colors

Use the .slider-warning to customize the #slider-warning element with the warning color

Input sliders using the noUiSlider plugin with danger colors

Use the .slider-danger to customize the #slider-danger element with the danger color

Native HTML5 input sliders using primary colors

Use the .input-range-primary to customize the input[type="range"] element with the primary color

Native HTML5 input sliders using secondary colors

Use the .input-range-secondary to customize the input[type="range"] element with the secondary color

Native HTML5 input sliders using info colors

Use the .input-range-info to customize the input[type="range"] element with the info color

Native HTML5 input sliders using success colors

Use the .input-range-success to customize the input[type="range"] element with the success color

Native HTML5 input sliders using warning colors

Use the .input-range-warning to customize the input[type="range"] element with the warning color

Native HTML5 input sliders using danger colors

Use the .input-range-danger to customize the input[type="range"] element with the danger color