Как заставить медиа-запросы работать в бутстрапе?

Question

Я пытаюсь использовать медиа-запросы, чтобы изменить размер шрифта в определенном div, используя структуру Bootstrap, но не могу заставить его изменить размер шрифта.

вот ссылка:

http://www.jhurleydesign.com/bbw/

и вот код:

@media (min-width: @screen-sm-min) { 
    .logodiv h1 { 
     font-size:36px; 
     line-height: 36px; 
    } 
} 

Формулировки Я хочу, чтобы изменить размер является основным заголовком «КРОВЬ ВЕЛОСИПЕДЫ WALES» в красный шрифт вверху.

любая помощь с благодарностью получил

Спасибо

Answer 1

Ваш код включает в себя переменную, которую браузер не знает, что делать с. Вам нужно либо использовать прямой CSS:

@media (min-width: 768px) { 
    .logodiv h1 { 
     font-size:36px; 
     line-height: 36px; 
    } 
} 

Или скомпилируйте свой код LESS в правильный CSS.

http://getbootstrap.com/customize/#less

http://lesscss.org/

http://lesscss.org/#-variables