Bootstrap

by Denis Tverdokhlebov

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <header>
      <div class="container">
        <!--Содержимое-->
      </div>
    </header>
    
    <main>
      <div class="container">
        <div class="row">
          <article class="col-sm-12 col-md-8 col-lg-9">
            <!--Содержимое-->
          </article>
          <aside class="col-sm-12 col-md-4 col-lg-3">
            <div class="row">
              <div class="col-sm-6 col-md-12">
                <!--Содержимое-->
              </div>
              <div class="col-sm-6 col-md-12">
                <!--Содержимое-->
              </div>
            </div>
          </aside>        
        </div>
      </div>
    </main>
    
    <footer>
      <div class="container">
        <!--Содержимое-->
      </div>
    </footer>











<div class = "container-fluid">
<div class = "row">
	<div class = "col-md-12">
		<h1>Шапка</h1>
	</div>
</div>
</div>



<!-- Структура пример: -->
<header></header>
<main>
  <div class="container">
    <div class="row">
      <div class="col-sm-8">Основной блок</div>
      <div class="col-sm-4">Правый блок</div>
    </div>
  </div>
</main>
<footer></footer>


https://itchief.ru/lessons/bootstrap-3/lesson-no-6-adaptive-site-layout-on-the-engine,-and-twitter-bootstrap

https://itchief.ru/lessons/bootstrap-3/23-lesson-no-4-fixed-layout-with-twitter-bootstrap

https://itchief.ru/demo/bootstrap-3-demo-adaptive-fixed-layout