Bootstrap 3 XS - Почему порог высокий и как его изменить?

Question

Я использовал бутстрап на некоторое время, и для жизни меня не могу вспомнить xs, вступающий в игру 767px. Я использую Boostrap v3, LESS и не могу найти, где изменить порог для класса hidden-xs. Я выполнил поиск по всему проекту, и только переменные появляются в результатах поиска.

файл: отзывчивым-utilities.less

линия: 134

.hidden-xs { 
    @media (max-width: @screen-xs-max) { 
    .responsive-invisibility(); 
    } 
} 

Когда я инспектировать элемент в хроме переменная, @screen-xs-max создается на 767px

@media (max-width: 767px) 
    .hidden-xs { 
    display: none !important; 
    } 

У меня есть disable cache на хром. Я попытался изменить переменную @screen-xs-max, удалив переменную все вместе и положив жесткое число, но это тоже не изменило ее.

Я также смотрел на этот сайт, Customize and download Bootstrap, и что спутать меня еще больше б/с Я использую col-XXX-## и hidden-XX, не @screen-xs, который находится в разделе Media queries breakpoints. И не только это, но xs установлено на 480px.

Цените его.

---

Дополнение

Я компиляции LESS с помощью less.js, а также.

Может быть, мой главный вопрос будет - как я увеличиваю sm порог, и уменьшить xs порог - как в имеют xs на более низкое значение пикселя, как 520px?

Answer 1

Если вы компилируете МЕНЬШЕ себя, и хотите изменить контрольную точку между xs и sm размеров, попробуйте изменить переменную @screen-sm в файле variables.less.

например. для v3.3.0:
https://github.com/twbs/bootstrap/blob/v3.3.0/less/variables.less#L285

линии 285