Bootstrap div sÄ±ralamasÄ±

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link type="text/css" rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css"/>
<title>Bootstrap div sÄ±ralamasÄ±</title>
  <style type="text/css">
    #sol{background-color: pink;}
    #sag{background-color: #FFE4C4;}
    #orta{background-color: #00FFFF;}
  </style>
</head>
<body>

<div class="container">
<div class="row">
<div id="sol" class="col-xs-12 col-sm-4 col-md-4 col-lg-4">sol div</div>  
<div id="orta" class="col-xs-12 col-sm-4 col-md-4 col-lg-4">orta div</div>  
<div id="sag" class="col-xs-12 col-sm-4 col-md-4 col-lg-4">saÄŸ div</div>  
</div>
</div>
 
  
</body>
</html>