Χρόνος στο Bootstrap 5

Προσαρμοσμένο εύρος

Για να ρυθμίσετε το στυλ του μενού εύρους, παρακαλώ .form-range Προσθέστε τη κλάση στο στοιχείο input με type="range":

Προσαρμοσμένο εύρος:

Παράδειγμα

<label for="customRange" class="form-label">Προσαρμοσμένο εύρος</label>
<input type="range" class="form-range" id="customRange">

Δοκιμάστε το προσωπικά

Βήμα

Από προεπιλογή, η διαφορά μεταξύ των τιμών του εύρους είναι 1. Μπορείτε να χρησιμοποιήσετε step Αλλαγή ιδιοτήτων:

Παράδειγμα

<input type="range" class="form-range" step="10">

Δοκιμάστε το προσωπικά

Ελάχιστη και μέγιστη τιμή

Από προεπιλογή, η ελάχιστη τιμή είναι 0 και η μέγιστη τιμή είναι 100. Μπορείτε να χρησιμοποιήσετε min και/ή max Αλλαγή ιδιοτήτων:

Παράδειγμα

<input type="range" class="form-range" min="0" max="4">

Δοκιμάστε το προσωπικά