مشکل در کد css

[aliyaghobi]

سلام دوستان

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

.bld{position:absolute;top:130px;bottom:0;left:0;background-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.two: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>

لینک ها تنها برای اعضای سایت قابل نمایش است.

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

*{-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}

لینک ها تنها برای اعضای سایت قابل نمایش است.

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

دوستان ممون میشم راهنماییم کتید

با سپاس

 

[Goback]

.bld{ box-sizing: unset !important; }