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 781 korisnika na forumu :: 45 registrovanih, 7 sakrivenih i 729 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: ajo baba, aleksmajstor, babaroga, bojcistv, cavatina, darkstar101, djboj, dushan, Dvojac005, Excalibur13, flash12, Fog of War, galerija, Georgius, hologram, Instruktor 1223, Joco Skljoco, Kibice, Kubovac, laki_bb, lord sir giga, MikeHammer, Milos ZA, milutin134, MiroslavD, Miškić, mnn2, moldway, NoOneEver Dreams, oganj123, pein, raptorsi, ruma, sevenino, shone34, Sirius, Stanlio, TheBeastOfMG, Trpe Grozni, TwinHeadedEagle, virked, vladulns, W123, wizzardone, |_MeD_|