Chrome Developer Tools. Classes not found in bootstrap.css file, and shows in the grid.less virtual file -


to correctly replace property, must correctly understand origin , perform override.

my results show in "chrome developer tools, ctrl + shift + i" class .container not found in bootstrap.css file. not show actual source. why? how fix?

it shows stored in grid.less file. why file? request non-existent file in folder name. @include requests can not found in bootstrap.

demo search classes:

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

result:

grid.less:10

in ... css/bootstrap-3.3.7-dist/css/less/mixins/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); } 

chrome developer tools reading css map provided bootstrap.

you can either remove bootstrap.css.map resources or disable css maps in chrome developer tools settings preferences -> sources -> enable css source maps

after css should read chrome developer tools.

here can read more on source maps , how used


Comments

Popular posts from this blog

java - SSE Emitter : Manage timeouts and complete() -

jquery - uncaught exception: DataTables Editor - remote hosting of code not allowed -

java - How to resolve error - package com.squareup.okhttp3 doesn't exist? -