MyCity » Web dizajn / HTML » Media queries - Opsta diskusija

Media queries - Opsta diskusija

Napisano na dan: 8.2.2016
2

Media queries - Opsta diskusija
Pagination Prethodna strana

Idi na vrh

Poslao: 09 Feb 2016 22:25
Idi na vrh
offline
  • m4rk0  Male
  • Administrator
  • Administrator tech foruma
  • Marko Vasić
  • Gladijator - Maximus Decimus Meridius
  • Pridružio: 14 Jan 2005
  • Poruke: 15766
  • Gde živiš: Majur (Colosseum)

Zatvori taj h2 tag kako treba.



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
Poslao: 09 Feb 2016 23:07
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Zatvoreno Wink Ziveli <h2>Create web site with Ruby on Rails framework<br>          <i class="fa fa-diamond"></i> </h2> Smile



Poslao: 02 Apr 2016 19:57
Idi na vrh
offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

Zdravo, vezbam ovako nesto imam problem prikaza na oko 992px



   <div class="jumbotron">               <div class="container text-center">                  <div class="row">                        <div class="col-md-6">                           <h2>Morbi tincidunt sed neque a tempor. Donec eu erat ut augue venenatis ullamcorper id sed quam.  </h2>                           <button class="btn btn-success">learn Sass moore..</button>                        </div>                        <div class="col-md-6">                           <img src="images/rubyrails.png" class="img-responsive center-block">                        </div>                  </div>               </div>               </div>

Uradio sam ovako da li je ispravno. Problem je ovako resen
@media(max-width:992px){    .jumbotron .img-responsive{     max-width: 25%;     height: auto; } }

Ceo kod  .jumbotron .img-responsive{     max-width: 50%;     height: auto; } @media(max-width:768px){    .jumbotron .img-responsive{     max-width: 25%;     height: auto; } } @media(max-width:992px){    .jumbotron .img-responsive{     max-width: 25%;     height: auto; } } Hvala pozdrav


Poslao: 03 Apr 2016 11:47
Idi na vrh
offline
  • Pridružio: 02 Apr 2006
  • Poruke: 43

Ovo ti je visak osim ako neces kasnije jos neke elemente da stilizujes na manje od 768px.. Iste vrednosti i za 992px i za 768px a 768px normalno pada u okviru "manje od 992px"


@media(max-width:768px){
.jumbotron .img-responsive{
max-width: 25%;
height: auto;
}


I naravno opet ista prica, default bootstrap-ove klase.. Nije da ih ne mozes menjati, daleko od toga ali ce tebi svaka class="img-responsive" biti sa ovim vrednostima..Moraces svaku sliku zasebno da stilizujes ako recimo ne zelis da je 25%.. Nekako mislim da nije dobra praksa, pravis sebi dodatni posao. Bolje daj neku proizvoljnu klasu tipa class="slika" i nju stilizuj a img-responsive kao i ostale default bootstrap-ove klase ne diraj. Tvoj izbor naravno, necu da ti se mesam ali neka bude prijateljski savet Smile

MyCity » Web dizajn / HTML » Media queries - Opsta diskusija

Ko je trenutno na forumu
 

Ukupno su 683 korisnika na forumu :: 34 registrovanih, 6 sakrivenih i 643 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., Aleksandar Tomić, Andrija357, anta, bobomicek, CikaKURE, dachosa, Dannyboy, deimos25, dejoglina, Djokislav, elenemste, FileFinder, Gall, gorantrojka, HrcAk47, JOntra, Kibice, Koca Popovic, Magistar78, Mercury, Mixelotti, MrNo, Parker, rajkoplje, raketaš, robert1979, ruger357, stegonosa, Trpe Grozni, Vlad000, vukovi, W123, šumar bk2