Я пытаюсь настроить переключатель Bootstrap, но не могу этого сделать из-за среднего переключателя.
В настройке я хочу увеличить ширину и высоту переключателя, чтобы каждый мог видеть разные переключатели в разных разрешениях, где я использую *-sm, *-md, *-lg, *-xl
эти классы, поэтому мне нужны такие классы, как custom-switch-sm, custom-switch-md, custom-switch-lg, custom-switch-xl
.
Я использую SCSS в своем проекте, но решение CSS также приветствуется.
Я попытался изменить весь код переключателя Bootstrap, но он не выглядел как оригинальный.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch1">
<label class="custom-control-label" for="customSwitch1">Default Unchcked Switch</label>
</div>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch2" checked>
<label class="custom-control-label" for="customSwitch2">Default Checked Switch</label>
</div>