پالس‌های Bootstrap 5

محدوده شخصی‌سازی شده

برای تنظیم استایل منوی محدوده، لطفاً .form-range کلاس را به عناصر ورودی 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">

آزمایش کنید