使所有图像都在bootstrap col 100％宽度

Question

是否有较少的合成器可以使图像100％宽度在自举列中无论大小？

我试过

.col-* img {
   width: 100%;
} 

但它不起作用。

Answer 1

您可以使用类似css的正则表达式

div[class^="col-"] img {
   width: 100%;
}

更少的尝试是将regexp设置为变量：

@divcol: div[class^="col-"];

@{divcol} {
    img {
        width: 100%;
    }
}

无论如何，Twitter-bootstrap支持img-fluid和max-width: 100%;的课程height: auto;，因此无法复制它。