why inspections showing scss file instead of bootstrap.css?

Question

When I do inspect element on one the row div it shows the element belongs to _grid.scss instead of bootstrap.css. And even the column in the row are not displaying correctly as it should be using bootstrap. Can someone clear this confusion?

I don't have any file in my css named as _grid.scss and the path it is referring to is empty as well.

TIA

score 3 · Answer 1 · edited Mar 30 '21 at 08:52

3

There are some default SCSS available in bootstrap. More Information

edited Mar 30 '21 at 08:52

niico

11,206
23
78
161

answered Oct 05 '18 at 13:18

Ahmadali Maknojiya

69
4

Roman Pokrovskij · Answer 2 · 2018-10-05T13:43:48.813

2

Remove bootstrap.css.map that means source map.

You can read more about source maps there https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0

Alternatively you can disable in your inspector tool settings. e.g. in chrome: How do you disable source maps in chrome developer tools?

edited Oct 05 '18 at 13:43

answered Oct 05 '18 at 13:25

Roman Pokrovskij

9,449
21
87
142

score -1 · Answer 3 · answered Dec 10 '19 at 11:42

Remove bootstrap.css.map that means source map.

You can read more about source maps there https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0

Alternatively you can disable in your inspector tool settings. e.g. in chrome: How do you disable source maps in chrome developer tools?

why inspections showing scss file instead of bootstrap.css?

3 Answers3

Linked