Тема: Bootstrap 3. 16/24 колоночная сетка

Подскажите пожалуйста, как адаптировать конструктор под 16/24 колоночный bootstrap?

Повысить оценку Понизить оценку

Re: Bootstrap 3. 16/24 колоночная сетка

Сейчас мы работаем только с 12 колоночным вариантом. Вы можете оставить пожелание у нас helpdesk.readyscript.ru, если Вам нужна поддержка 16 и 24 колоночной системы.
Почему кстати Вы выбрали 16 колоночный вариант?

3 Отредактировано Закусило Александр (12.07.2016 13:42:26)

Re: Bootstrap 3. 16/24 колоночная сетка

Официально Bootstrap 3 поддерживает только 12 колонок. Хотя впринципе это возможно, поэтому пишите пожелание.

4

Re: Bootstrap 3. 16/24 колоночная сетка

Закусило Александр пишет:

Сейчас мы работаем только с 12 колоночным вариантом. Вы можете оставить пожелание у нас helpdesk.readyscript.ru, если Вам нужна поддержка 16 и 24 колоночной системы.
Почему кстати Вы выбрали 16 колоночный вариант?

Шаг ширины блоков слишком большой, не нравится как выглядит конечный сайт. Хотелось бы более тонкую настройку системы разметки. Подумываю уже даже перейти на 24 колоночную.
Подскажите хотя бы куда смотреть? Может сам смогу разобраться.

Закусило Александр пишет:

Официально Bootstrap 3 поддерживает только 12 колонок. Хотя впринципе это возможно, поэтому пишите пожелание.

Скорее по-умолчанию  Bootstrap имеет 12 сеточную систему. В официальном кастомизаторе есть возможность самому настраивать сетку на любое количество столбцов.

Повысить оценку Понизить оценку

Re: Bootstrap 3. 16/24 колоночная сетка

Шаг ширины блоков слишком большой, не нравится как выглядит конечный сайт. Хотелось бы более тонкую настройку системы разметки. Подумываю уже даже перейти на 24 колоночную.
Подскажите хотя бы куда смотреть? Может сам смогу разобраться.

Там очень много завязок, т.к. там же ещё CSS JS конструктора. Мы обсудим на днях, может добавим в общее. Но пока ещё не решили.  Подождите немного.

Re: Bootstrap 3. 16/24 колоночная сетка

В одном из следующих релизов сделаем эту возможность.

7

Re: Bootstrap 3. 16/24 колоночная сетка

Закусило Александр пишет:

В одном из следующих релизов сделаем эту возможность.

Спасибо!)

Повысить оценку Понизить оценку

Re: Bootstrap 3. 16/24 колоночная сетка

А где выбирается ширина карточки товара?
Допустим у меня ширина вывода каталога 9. Выводится только 3 колонки товаров. Хотел бы сделать 4-5 колонок увеличив допутсим до 10(уменьшив на 1 левую часть)
Потыкался и в итоге не нашел ):

Повысить оценку Понизить оценку

Re: Bootstrap 3. 16/24 колоночная сетка

В шаблоне надо менять css классы

10 Отредактировано Александр (24.04.2020 13:26:15)

Re: Bootstrap 3. 16/24 колоночная сетка

Ярослав пишет:

В шаблоне надо менять css классы

чесно говоря залез в Редактор шаблонов
Выбрал Модуль: Каталог товаров и там зашел в паку CSS

.list_col {
    width:400px;
    float:left;
}

.list_col .scroll {
    overflow:auto;
    display:block;
    margin:0;
    padding:0;
}

.product_col {
    margin-left:410px;
    zoom:1;
}

.no_catinfo {
    border:1px solid #E0E0E0; 
    text-align: center; 
    padding:10px; 
    font-size: 14px; 
    font-weight: bold; 
    color: #ACACAC;
}

.navigation {
    margin-bottom:5px;
    color: #ACACAC;
    
}

.navigation  a {
    color: #ACACAC;    
}

.precheck, .precheck td, .precheck th{
    border:1px solid #F0F0F0;
    border-collapse:collapse;
}
.precheck td,.precheck th {
    padding:5px;
}
.precheck .ctitle {
    background: #fafafa;
    font-size:12px;
}
.disabled-property {
    opacity: .5;
    pointer-events: none;
}
.typeColor .disabled-property,.typeImage .disabled-property{
    opacity: .1;
}

Менял:

.list_col {
    width:200px;  //в два раза уменьшил
    float:left;
}


.product_col {
    margin-left:205px; //в два раза уменьшил
    zoom:1;
}

Но ничего не произошло ):

Повысить оценку Понизить оценку

11

Re: Bootstrap 3. 16/24 колоночная сетка

В шаблоне самом. Col-xs-* col-md-* у элементов смотрите