مشکل در کد CSS3

[aliyaghobi]

سلام دوستانبرای بک گراند صفحه از کد زیر استفاده میکنم که به این صورت در میاد



.bld{position:absolute;top:130px;bottom:0;left:0;b ackground-color:#e7f9ff;width:85px;z-index:1;border-right:85px solid #d4f4fe}.bld:before,.bld:after{content:" ";position:absolute;top:-38px;left:0;width:0;height:0;border-width:0 85px 38px;border-style:solid;border-color:#56d2fc transparent}.bld:after{border-width:38px 85px 0;top:0}.bld.two{border-color:#95e1fa;border-right-width:65px;left:135px;top:210px;width:65px}.bld.tw o:before,.bld.two:after{border-width:0 65px 30px;top:-30px}.bld.two:after{border-width:30px 65px 0;top:0}



<section> <div class="bld one"></div> <div class="bld two"></div></section>



http://up.persianscript.ir/uploadsmedia/e4f6-bld.png

تا اینجا مشکلی ندارم ولی وقتی از بوت استرپ استفاده میکنم کد زیر بک گراند رو ناقص نشون میده



*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
http://up.persianscript.ir/uploadsmedia/e4f6-bld2.png

اگه این کد رو حذف کنم از فایل بوت استرپ خاصیت ریسپانسیوش از بین میره
دوستان ممون میشم راهنماییم کتید
با سپاس