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
Post a Comment