Вот два варианта одной и той же верстки. Выглядят одинаково но подход к ним разный. Берут сомнения что какой то из них не правильный. Вопрос: какой из этих вариантов правильный?
№1:
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-12" style="border:1px solid black;">Шапка сайта</div>
<div class="col-sm-4" style="border:1px solid black;">Левый блок</div>
<div class="col-sm-8" style="border:1px solid black;">Основной блок</div>
<div class="clearfix"></div>
<div class="col-sm-12" style="border:1px solid black;">Подвал сайта</div>
</div>
</div>
№2:
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-12" style="border:1px solid black;">Шапка сайта</div>
</div>
<div class="row">
<div class="col-sm-4" style="border:1px solid black;">Левый блок</div>
<div class="col-sm-8" style="border:1px solid black;">Основной блок</div>
</div>
<div class="row">
<div class="col-sm-12" style="border:1px solid black;">Подвал сайта</div>
</div>
</div>