2016-11-05 4 views
1

Чтобы правильно заменить свойство, необходимо правильно понять начало и выполнить переопределение.Инструменты для разработчиков Chrome. Классы не найдены в файле bootstrap.css и отображаются в виртуальном файле grid.less

Мои результаты показывают, что в "Chrome Developer Tools, Ctrl + Shift + I" класс.container не найден в файле bootstrap.css. Он не показывает фактический источник. Зачем? Как мне исправить?

Он отображается в файле grid.less. Почему этот файл? Запрос несуществующего файла в имени папки. Действительно, запросы invinclude не могут быть найдены в бутстрапе.

Демонстрационный поиска классов:

.container { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
} 

Результат:

grid.less: 10

в ... CSS/самозагрузки-3.3.7-распред/CSS/меньше/Примеси/grid.less

.container-fixed(@gutter: @grid-gutter-width) { 
    margin-right: auto; 
    margin-left: auto; 
    padding-left: floor((@gutter/2)); 
    padding-right: ceil((@gutter/2)); // line 10 on grid.less 
    &:extend(.clearfix all); 
} 

ответ

1

Инструменты разработчика Chrome, вероятно, читают карту CSS, предоставленную Bootstrap.

Вы можете либо удалить bootstrap.css.map из ваших ресурсов или отключить CSS Карты в Инструменты разработчика Chrome Настройки Preferences -> Sources -> Enable CSS Source maps

После этого CSS следует читать как с помощью Chrome Developer Tools.

Здесь вы можете прочитать больше на Source Maps и как они используются

 Смежные вопросы

  • Нет связанных вопросов^_^