Css 使用Bootstrap的响应映像问题

我建立滑块，但当我调整浏览器的大小，我希望我的图像中心部分，而不是整个部分或不是左侧部分。怎么做

CSS:

.fill {
width: 100%;
height: 100%;
/*background-position: center;*/
/*-webkit-background-size: cover;*/
/*-moz-background-size: cover;*/
/*background-size: cover;*/
background-position: center center;
/*-o-background-size: cover;*/
background-color: transparent ;
}

---

我们需要的不仅仅是一堆css。向我们展示你的html。给我们一个JSFIDLE。我们需要的不仅仅是一堆css。向我们展示你的html。给我们拿一把手枪。