jquery - Bootstrap Carousel full width with side images width smaller -

i trying make carousel slider 1 here http://www.codeply.com/go/qgkuvsqil8 in case, want center/active image take 80% of full screen width while side images 10% each , navigation arrows positioned on them. screen shot

i have tried using link above additional css properties like:

.carousel .item img {     width: 100%;  }