Какой программой можно сразу точно увидеть, откуда взялись отступы в верстке?

Question

[Роман]

Здравствуйте.

Мне достался в наследство шаблон на Bootstrap 4)) и я никак не могу избавиться от одного отступа слева, а откуда он там берется - не понимаю, ибо куча всяких p-3 ml-2 и тому подобного + файл с кастомными стилями для классов...

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

Какой-то плагин к браузеру, или типа того.

Через инспектор браузера я понять не могу - там целая простыня с этими селекторами..

Заранее спасибо.

Answer 1

[Владимир Проскурин]

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

Answer 2

[tyzberd]

Есть вкладка Computed, там фильтруете и смотрите
https://habrastorage.org/webt/nu/ol/mu/nuolmu1lnuk...

Answer 3

[Евгений]

Посмотреть внимательно простыню с селекторами и всё. Можно отключать стили у этого дива по одному

Answer 4

[Frel]

Devtools