Bootstrap отменяет мои стили

Question

Я создаю веб-шаблон с использованием начальной загрузки, поэтому в заголовок страницы добавлено bootstrap.min.css с некоторыми другими файлами CSS, и мой собственный файл CSS является последним, с которым я связался. В моем файле CSS я сделал сброс элементов, как это:

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

Но этот код не влияет на элементы страницы !, у большинства из них есть поля и отступы. и когда я проверял их с помощью DevTools, я обнаружил, что это вызвано загрузкой! Любые решения? или объяснение того, что здесь происходит? ПРИМЕЧАНИЕ: Я использую Bootstrap 4.1.1

Answer 1

Попробуйте с! Важный

* {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

Answer 2

Вы интегрируете необязательную тему начальной загрузки?Если да, удалите его, а также css имеют !important, например body { color: blue !important }