Нужна помощь по бутстрапу

ссылка

Выставляю в бутстрапе ширину элементу 50px и паддинг левый 35px
В итоге реальная ширина элемента становится 15px, хотя в css прописано width:50px и это свойство ни чем не перекрывается.

Объясните пожалуйста как это работает и почему?

Кстати если поставить вместо паддинга марджин
то ширина высчитывается правильно. Хочется большего понимания как это работает

evgeniy, в бутстрапе для всех элементов используется 

box-sizing: border-box;

Ознакомтесь, очень полезное свойство.

FLAKE_MDM, правильно это свойство не прибавляет паддинги к размерам, значит по идее должно быть 50px. значит дело в другом

ссылка - прочитай, интересно...

lufter, border-box  включают в себя значения border и padding. В итоге при ширине 50 - педдинг 35 = 15

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

lufter, с border-box паддинг считается какбы "внутри" имеющейся ширины, без него - снаружи. Может так понятно будет.

Ага, ясно. Спасибо за подсказку

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