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

Predrag Supurovic
Pedja YT9TP
Užice

Član broj: 157129
Poruke: 6279

Sajt: pedja.supurovic.net

+1571 Profil

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

^{09.04.2024. u 16:38 - pre 20 dana i 23h}

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?

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

Odgovor na temu

mjanjic
Šikagou

Član broj: 187539
Poruke: 2713

+701 Profil

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

^{09.04.2024. u 17:20 - pre 20 dana i 22h}

Ako već koristiš mixins, ubaci taj @include u sam stil za klasu main, tj.

.main_contact {
font-size: 1rem;
@include media-breakpoint-up(sm) {
font-size: 2rem;
}
}

Potom, proveri preko inspect panela u browser-u zašto ti ne prikazuje veličinu fonta kako treba, moguće da neki drugi stil ima veći prioritet zbog selektora.

Blessed are those who can laugh at themselves, for they shall never cease to be amused.

Odgovor na temu