<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
//lg de 1-2 iken md de 2 1 şekline dönüşüyor.
<div class="row">
<div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>
<div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>
</div>
<?php function notificationGetir ($text, $class) {
echo "<div class='row'>
<div class='col-lg-10 col-lg-offset-1'>
<div class='alert ".$class." text-center''>
".$text."
</div></div>
</div>";
} ?>
<div class="col-md-4 col-md-offset-4"></div>
<div class="col-md-offset-6"></div> //offset ile boşluk bırakabiliriz.
container -> row -> col