Как сделать свою сетку Bootstrap 3?

Question

[Anton Yatsenyuk]

Как сконфигурировать сетку на Bootstrap 3 где было бы 24 колонки и максимальная ширина container составляла бы 1920px? Ну и всё это соответственно должно быть responsive.
Количество колонок на 24 я сменил через "/less/varibles.less". Там есть переменная которая за это отвечает.
А как container растянуть я не нашел. Он сейчас 1140px, а мне нужно максимальное значение 1920px и от него уже пусть отталкивается responsive сетка.

Answer 1

[Юрий Лобанов]

getbootstrap.com/customize
> Media queries breakpoints
> Container sizes

И будьте осторожны с таким выбором. 24 колонки - это проще для верстки, так как больше свобода, но сама видимость сетки может пропасть.

Comments

[Anton Yatsenyuk]

спасибо! Как-раз ковыряю тоже это, только в LESS файлах. А значения не подскажите как правильно рассчитать или какие нужны именно для этой ситуации?

[Юрий Лобанов]

@spamforhope я не менял ни разу так глобально. Могу только литературу подсказать, как сетки считаются, но там скорее для полиграфии и наверное будет избыточно ) Медиа скорее всего должны остаться такими же. А так обратите внимание на отступы между колонками.
Ну и не забывайте - чем хорош less - все продумано за Вас, большинство параметров пересчитаются сами, пробуйте!

Answer 2

[onlinebd_ru]

Я для больших разрешений использую файлы для bootstrap 4, 1600px (HD+), 1920px (Full HD), 2560px (Retina 1440p), 2880px (15" Retina), 3840px (UHD), 4096px (4K), 8192px (8K).
Файлы в свободном доступе Bootstrap 4 Grid для больших разрешений экранов