Pracuję nad małym projektem opartym na Boostrap 3 (niestandardowa kompilacja html5boilerplate) i próbuję użyć „oficjalnych” zapytań o mediaw dokumentacji boostrap:

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg) { ... }

Z jakiegoś powodu zapytania o media nie istnieją (@ screen-sm, screen-md, screen-lg), szukam tego w plikach bootstrap, ale nie mogę znaleźć żadnych odniesień.

Mój przykładowy kod (main.css):

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm) {

    .header-btn {display: none;}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md) {

    .slogan {display: none;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg) {}

Zasadniczo co się dzieje ... nic!

Dostaję te błędy w Chrome:http://i.solidfiles.net/0d0ce2d2a7.png

Jakieś pomysły?