Переопределить Bootstrap 4 Форма CSS Свойства класса

Question

Я пытаюсь оформить флажок в веб-фреймворке, который использует bootstrap 4, переопределив класс метки настраиваемого элемента управления и установив для свойства position значение auto вместо относительного. Я могу изменить свойство в инструментах разработки браузера и получить желаемый результат, но когда я добавляю стиль в свой пользовательский. css, он не переопределяет свойство, установленное в _custom-forms.s css. Как я могу переопределить это свойство?

#form

<div class="custom-control custom-checkbox">
  <input type="checkbox" name="custom_checkbox_name" class="checkboxinput custom-control-input" id="id_custom_checkbox">
  <label class="custom-control-label" for="id_custom_checkbox">
       <span class="custom-control-indicator"></span>
       <span class="custom-control-description">   Custom Checkbox Label</span>
  </label>
</div>

#custom.css

.custom-control-label {
    position: auto;
}

Answer 1

Вы можете использовать! Важное для переопределения bootstrap CSS свойств

.custom-control-label
{
  position: auto;
 }

Answer 2

Это сработало. в конце моего пользовательского. css файла без необходимости использовать! важный. Спасибо за ответы.

.custom-control-label {
    position: unset;
}

Answer 3

Используйте ! Важный для переопределения

.custom-control-label {
    position: unset !important;
}