Как в bootstrap увеличить размер мобильных экранов?

Question

[IvanKalinin]

Все доброго.
Подскажите почему сайты, написанные с использованием Bootstrap на всех сматрфонах адаптируются под 460px, вне зависимости от их разрешения? как это исправить? как сделать чтоб если позволяет разрешение экрана - адаптировался хотя бы к верхней границе 767px?

в head прописан viewport

<meta name="viewport" content="width=device-width, initial-scale=1>

Answer 1

[Андрей Корнев]

Вам нужно сделать новую сборку бутстрапа.
Для этого на странице getbootstrap.com/customize в разделе Media queries breakpoints указываете свои границы. Там же можете переопределить множество параметров.

Comments

[IvanKalinin]

Спасибо. А может изменить 1 этот параметр без перебором и перевести?

[Андрей Корнев]

To_wave: нет. Хотя как вариант можно использовать исходники в less и проводить сборку в браузере на каждый хит.

[IvanKalinin]

пересобрал, заменил, но мало что это изменило

[Андрей Корнев]

To_wave: тогда ток костыль https://jsfiddle.net/k5tg2w10/

[IvanKalinin]

Андрей Корнев: с этим кодом не заработало, зато заработало с этим изменением
jsfiddle.net/dyrceprL

[Андрей Корнев]

To_wave: сори, я тот код не проверял, просто взял документацию по библиотеке=)