сделать все изображения в bootstrap col 100% width

Question

Есть ли меньше synthax, который мог бы сделать изображения 100% ширины в столбцах начальной загрузки, независимо от их размера?

Я попытался

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

Но это не работает.

Answer 1

Вы можете использовать CSS-как регулярное выражение

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

еще одну вещь, чтобы попытаться менее это установить регулярное выражение в качестве переменной:

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

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

Во всяком случае Twitter-загрузчик поддерживает класс img-fluid с max-width: 100%; и height: auto; поэтому не нужно дублировать его.