[ neb @ 17.01.2020. 11:46 ] @
Kada kreiram dve responsive slike hocu da obe slike budu jedna pored druge. Kada smanjujem prozor obe slike se smanjuju jedna pored druge. Medjutim kada dodjem do malog prozora obe slike se same pomeraju jedna ispod druge. Zasto se ovo desava da li neko zna odgovor? Sta treba uraditi da obe slike ostanu jedna pored druge? Code: index.php <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="../style.css"> </head> <body> <div class="container-fluid"> <div class="i-am-centered"> <div class="row"> <div class="col-xs-3 col-sm-3 col-md-3"> <img src="img_forest.jpg" alt="1" class="img-responsive" /> </div> <div class="col-xs-3 col-sm-3 col-md-3"> <img src="img_forest.jpg" alt="1" class="img-responsive" /> </div> </div> </div> </div> </body> </html> Code: style.css .col-md-3 { padding: 0; /* border: 1px solid red; */ } /* this should come out-of-the box with bootstrap 3 */ .img-responsive { width: 100%; hight: auto; } .row { border: 1px solid blue; } .i-am-centered { margin: auto; max-width: 40%;} Primer [link] http://www.offsetb.com/bootstrap1 [/link] |