我在使用Twitter bootstrap 3时无法呈现由不同切片组成的网页。最终产品将是由rows组成的页面，其中包含img-responsive个切片，这些切片保留在各自的行中（即它们不会换行）
但Bootstrap CSS对图像做了一些有趣的事情。它们嵌套在可预测的结构container>row>col-xs-12>Images中，但即使我设置了图像margin: 0;，相邻图像之间的间隙仍然很小。此外，我不能让rows多个切片保持在同一行，无论如何（因为如果切片包裹到一个新行，页面没有任何意义）仍然是＆＃34;响应＆＃34;
或者，如果有人可以指导我如何设置自适应图像地图（或者给我一个可靠的链接），我可以试试这条路线。
答案 0 :(得分：1)
您需要将每个图片放在自己的col-xs-*中，覆盖col-xs填充，然后将max-width:100%添加到img。另外，不要被.row的使用混淆。它并不意味着将项目限制为可视行，而不是。坦率地说，这个名字具有误导性。只需使用.row中的单.container，并确保您的col-xs加起来为12，您就可以避免不必要的包装。
以下是一个示例：http://www.bootply.com/aYOdYaV4Gq
.col-xs-3{
padding-right:0px;
padding-left:0px;
}
.img{
max-width:100%;
}
在我的bootply中，我实际上使用这些属性添加了类，而不是覆盖上面的引导类。两者都有效，但添加自定义类意味着以后更容易打开和关闭它。