Bootstrap - Kako promeniti velicinu slova na responsive stranici zavisno od velicine medija?

Pravim neku jednostavnu stranicu i prvi put koristim bootstrap. Iskustvo mi je 0.

Uglavnom, namestio sam da sve radi kako zelim osim jedne stvari.

Stranice je responsive i sve se lepo slaze osim sto za jednu liniju teksta zelim da text bude manji kada se prikazuje na malom uredjaju, a da bude veci kada je prikaz na PC monitoru.


Probao sam ovo

.main_contact {

     font-size: 1rem;    

}



@include media-breakpoint-up(sm) {

  .main_contact {

     font-size: 2rem;    

  }

}

Prema dokumentaciji ovo bi trebalo da primeni veca slova ako je medij veci od SM. Medjutim, slova ostaju mala.


Probao sam i da obrnem logiku:

.main_contact {

       font-size: 2rem;    

}



@include media-breakpoint-down(lg) {

  .main_contact {

     font-size: 1rem;    

  }

}

Ni tako ne radi.

Gde grešim?

Potpis

http://pedja.supurovic.net - http://wireless.uzice.net - Besplatni .RS domeni - Mikrotik uputstva - YT9TP - OpenStreetMap Srbija