## Range

Use our custom range inputs for consistent cross-browser styling and built-in customization.

Range on Bootstrap

#### Overview

    <label class="form-label" for="customRange1">Example range</label>

    <input class="form-range" id="customRange1" type="range" />

Example range

#### Min and max

    <label class="form-label" for="customRange2">Example range</label>

    <input class="form-range" id="customRange2" type="range" min="0" max="5" />

Example range

#### Steps

    <label class="form-label" for="customRange3">Example range</label>

    <input class="form-range" id="customRange3" type="range" min="0" max="5" step="0.5" />

Example range

##### On this page

##### Demo widget

I need help with something

I can’t reorder a product I previously ordered

How do I place an order?

My payment method not working

##### Eric

Ask us anything – we’ll get back to you here or by email within 24 hours.

##### Theme Customizer

Explore different styles according to your preferences

##### Color Scheme

Light
Dark
Auto

##### RTL

Change text direction

##### Support Chat

Toggle support chat

##### Navigation Type

Vertical
Horizontal
Combo
Dual nav

##### Vertical Navbar Appearance

Default Default
Darker Lighter

##### Horizontal Navbar Shape

Default
Slim

##### Horizontal Navbar Appearance

Default
Darker Lighter
Purchase template
customize