html - Bootsrap border issue -

html - Bootsrap border issue -

i added border-bottom: 5px solid #000; on 45 px div , new div 50px. thats ok.

then added bootsrap.min.css (3.2.0) , div height total 45px.

is issue?

http://codepen.io/symbolicx/pen/ujwkj (div height 45+5 = 50px) http://codepen.io/symbolicx/pen/jsqkh (div height 45+5 = 45px)

thanks.

bootstrap adds next code can see if inspect div e.g. firebug

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

you have override border-box local css like:

-webkit-box-sizing: content-box; /*note: content-box default if no box-sizing set explicitly */ -moz-box-sizing: content-box; box-sizing: content-box;

see live illustration here.

html css twitter-bootstrap-3