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>
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%;}
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]