Indefini.com - Загруженый файл - категори/ксс переименовать в категори/тпл ( менял для загрузки на форум)
Пытаюсь вывести по 3 товара на страницу, меняя #maincontent.span12 .cols-3 .grid-box,.content-bottom .grid-box {width:16.6%; на #maincontent.span12 .cols-3 .grid-box,.content-bottom .grid-box {width:33.3%;
Вроде все ок - макс товароа - 3 шт в ряду, как я и хотел
но включается дурацкое чередование
1 ряд - 3 товара
2 ряд - 2 товара
3 ряд- 3товара
4 ряд - 2 товара и т.д
Если делать 4 товара в ряд то идет чередование 4-1-4-1-4-1
Судя по пропорциям это связано с тем что у меня стояло 5 продуктов, вот он 5 продуктов(раньше одна строка) делит на 2 строки с учетом изменения размера изображения.
Помогите пожалуйста сделать, чтоб каждый ряд состоял из 3 продуктов
Grid view
/* -------------------------------------------------- */
#maincontent.span9 .cols-3 .grid-box {
max-width: 33.3%;
min-width: 33.3%;
*width: 33.3%;
}
#maincontent.span12 .cols-3 .grid-box,
.content-bottom .grid-box {
width:16.6%;
}
#maincontent.span12 .cols-3 .grid-box,
.content-bottom .cols-3 .grid-box {
width:33.0%;
}
#maincontent.span9 .cols-3 .grid-box {
max-width: 25%;
min-width: 25%;
*width: 25%;
}
.tabbed-products .grid-box {
width: 20%;
}
.grid-box.alpha,
#maincontent.span9 .cols-3 .alpha3,
#maincontent.span9 .cols-3 .alpha4,
#maincontent.span12 .cols-3 .alpha4,
#maincontent.span12 .cols-3 .alpha5,
.content-bottom .alpha4,
.tabbed-products .alpha6 {
_clear: left;
margin-left: 0;
}
#maincontent.span9 .cols-3 .alpha3,
#maincontent.span9 .cols-3 .alpha5 { clear: none; }
.grid-box {
text-align: center;
float: left;
bootstrap.min.css
stylesheet.css
category.css