Bootstrap border issue

Question

Я добавил border-bottom: 5px solid #000; на 45px div, а затем новый div 50px. Все в порядке.

Затем добавлено bootstrap.min.css (3.2.0), а затем общая высота всего 45px.

Это проблема?

http://codepen.io/symbolicx/pen/ujwkJ (Div height 45+5 = 50px) 

http://codepen.io/symbolicx/pen/JsqKH (Div height 45+5 = 45px) 

Спасибо.

Answer 1

Bootstrap добавляет следующий код, как вы можете видеть, если вы проверите div, например. Firebug

*:before, *:after { 
    box-sizing: border-box; 
} 

Вы должны переопределить границы ящик вашим местным CSS, как:

-webkit-box-sizing: content-box; /*Note: content-box is the default if no box-sizing is set explicitly */ 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 

Смотрите живой пример here.