Css 通过Bootstrap实现切片式页面

我在使用TwitterBootstrap3呈现由不同片段组成的网页时遇到问题。最终产品将是一个由

行

组成的页面，其中包含

img responsive

切片，这些切片保留在各自的行中（即它们不包装）

但是引导CSS对图像做了一些有趣的事情。它们嵌套在可预测的结构中，

container>row>col-xs-12>Images

，但即使我将Images

边距设置为0，相邻图像之间仍然有一个小间隙。此外，我无法让具有多个切片的
行
在任何情况下都保持在同一行（因为如果将切片包装到新行，页面就没有意义）并且仍然是“响应的”

或者，如果有人能告诉我如何设置一个响应图像映射（或者给我一个可靠的链接），我可以试试这个方法。
您需要将每个图像放在自己的
列xs-*
，覆盖
列xs
填充，并将
最大宽度：100%
添加到img中。另外，不要被
.row
的用法弄糊涂。它并不意味着将项目限制在一个可视的行中，也不是这样。坦率地说，这个名字有误导性。只需在
.container
中使用单个
.row
，并确保
列x
的总和为12，就可以避免不必要的包装

这里有一个例子：

在我的bootply中，我实际上添加了具有这些属性的类，而不是像上面那样覆盖引导类。两者都可以，但添加自定义类意味着以后更容易打开和关闭它

.col-xs-3{
padding-right:0px;
padding-left:0px;
}

.img{
max-width:100%;
}