Я имею дело с вышеуказанным вопросом.
Я использую Bootstrap CSS для пользовательского макета, над которым я работаю, и, конечно, мне нужно применить свой собственный стиль CSS.
Если я связываю bootstrap.min.css и выше, что я связываю свой style.css, мои пользовательские правила не применяются.
Но если я добавлю ссылку на bootstrap.min.css и выше, добавив свои собственные правила в тег, они будут работать правильно. Я использую свои собственные идентификаторы и классы, и я уже проверил правильность пути к файлу.
Я добавляю пример обоих подходов, которые я пробовал внутри тега head в моем HTML-файле:
Это не работает
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="favicon.ico">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel=“stylesheet” href=“css/style.css“>
Это работает
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="favicon.ico">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<style>
[custom css rules]
.
.
.
</style>
У вас есть идеи, почему это происходит?
Заранее спасибо!