Bootstrap 3 css override работает только на localhost

Question

Я использую bootstrap 3 и web2py.

Я хочу использовать первичный блок из Bootstrap, но цвет фона не работает, а тело имеет слишком много отступов.

У меня есть собственный файл css, загружаемый после загрузки, чтобы переопределить различные вещи при настройке моего приложения.

<link rel="stylesheet" href="{{=URL('static','css/bootstrap.min.css')}}"/> 
<link rel="stylesheet" href="{{=URL('static','css/web2py-bootstrap3.css')}}"/> 
<link rel="stylesheet" href="{{=URL('static','css/offertool.css')}}"/> 

Для панелей у меня есть это в файле offertool.css:

.list-group-item { 
    padding: 5px 5px; 
} 

.panel-primary .panel-title { 
    background-color: #1E90FF; 
} 

Это прекрасно работает локально, а затем я загрузить приложение и мой CSS перестает работать. Добавление! Важно не работало, и я даже попытался взломать его, добавив эти стили как встроенные стили в качестве временного исправления, но ничего не делает.

Почему работает мой локальный хост, но не загружается?

Answer 1

У меня это случилось со мной пару раз, когда пытались переопределить стили бутстрапа. Часто преступника можно найти, проверив следующее:

• Очистить кеш (открыть страницу в режиме хроном инкогнито). Если вы используете cloudflare, установите свой сайт в режим разработки. Если на вашем сайте есть кеширующие скрипты, это также ясно.
• Проверьте ссылки css в заголовке, убедитесь, что вы загрузили последнюю версию своего заголовка.
• Убедитесь, что ваши загрузки действительно обновляются, проверьте исходную таблицу для вашего файла css в инспекторе хрома.
• Загрузите все файлы, а не только файлы css, убедитесь, что ваш сервер отражает ваш локальный хост.

Если он все еще не отображается после того, как вы все это проверили, я не уверен, что сказать вам. Единственная причина! Важно не переопределять стиль, если этот стиль является встроенным.