Как в bootstrap изменить размер экрана при сжатии меню?

Question

[dicem]

Вобщем, есть необходимость следующая.
Нужно изменить в бутстрапе размер экрана при котором меню будет сжиматься в адаптивное.
Как это реализовать?
Необходимо что бы избежать следующего:
fullscreen:

в окне:

Comments

[Exploding]

Размер экрана можно изменить только одним способом: ножовка по металлу. А если вам требуется адаптировать блок под определённое разрешение - юзайте медиазапросы, или специально предусмотренные классы фреймворка.

Answer 1

[iBird Rose]

getbootstrap.com/customize/#grid-system
вам нужкен параметр @grid-float-breakpoint

Comments

[dicem]

Благодарю. А найти это где нибудь в файлах бутстрапа можно?

[iBird Rose]

dicem: в sass версии да. прям переменная так называется. в css уже вряд ли найдешь во всех местах где он используется

[simka alien]

iBird Rose: можно же найти - поиск в обычном текстовом редакторе ... вроде бы

[dicem]

simka alien: непосредственно этот параметр не нашел не в js не в css.

[iBird Rose]

dicem: как ты переменную в css собираешься искать? я же написал - в sass версии есть такая переменная.

[iBird Rose]

dicem: и чем тебе ссылка не угодила? проходишь - getbootstrap.com/customize/#grid-system
изменяешь параметр на @screen-md-min к примеру и скачиваешь снизу заново

[dicem]

iBird Rose: так и сделаю

Answer 2

[Игорь Васильев]

Используй @media screenтут подробно изложено как этим пользоваться, так же советую использовать responsinator, если используете OpenServer, то через него тоже можно заняться адаптацией. Советую использовать 4 параметра, как предлагает сам bootstrap

Очень маленькие устройство
Телефоны (<768px)

Малые устройства
Планшеты (≥768px)

Средние устройства
Настольные (≥992px)

Большие устройства
Настольные (≥1200px)