Как изменить сетку bootstrap?

Question

[infernotiv]

Как изменить bootstrap так чтобы всего колонок было 4, и каждая была по 293px с отступами по 30px с каждой стороны?
Знаю как количество колонок поменять, но как задать их ширину не понимаю...

Comments

[Сергей Тутуков]

getbootstrap.com/customize/#grid-system
@grid-gutter-width - отступ.
Дальше все понятно, что менять

[marrs]

что за хрень получится в итоге? при фиксированном размере суть бутстрепа теряется, а суть в адаптивности под экраны

[infernotiv]

marrs: ну мне нужно чтоб при самом большом размере экрана колонка была шириной 293px. а там пусть уменьшается если экран меньше

[marrs]

infernotiv: так бы и сказал

media (min-width: 1445px) {
.row > *[class*="col-lg-"] {
width: 293px !important;
}
}
вместо 1445px вставляешь свое значение макс ширины

Answer 1

[Павел]

getbootstrap.com/customize/#grid-system

Answer 2

[iBird Rose]

ну тк не используй бутсрап именно для этого случая. и сделай сам. через inline-block или float: left;

Answer 3

[WQP]

Если используете sass или less , то можно настроить генерацию сетки.

Ну а если нужна только сетка, то вот тут сгенерировать можно - www.responsivegridsystem.com/calculator

Answer 4

[Егор Живагин]

А тебе зачем для этого бутстрап?? Делай просто флекс-сетку.

Вообще, можно конечног всем колонкам задать col-lg-3 всякие, а потом в css ещё и зафиксировать отступы и ширину. Но суть бутстрапа вообще теряется

Comments

[infernotiv]

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

[Егор Живагин]

infernotiv: flex-wrap: wrap , order - пожалуйста. А разве бутстрап позволяет менять местами блоки? Не знал) И всё таки если нет бутстрап-элементов, то лучше использовать flex-ы, тем более, если фиксировать размеры. Кстати, бутстрап 4 на них же