Bootstrap балванка

файлы прилагаются

by Denis Tverdokhlebov

HTML

<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>
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Адаптивно-фиксированный макет веб-страницы</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--[if lt IE 9]>
      <script src="js/html5shiv.min.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <header>
      <div class="container" style="background: orange; color: #fff; height: 100px;">
        <!--Содержимое-->
        <h1 class="text-center">Шапка сайта</h1>
      </div>
    </header>
    <main>
      <div class="container">
        <div class="row">
          <article class="col-sm-12 col-md-8 col-lg-9" style="background: blue; color: #fff; padding-top:5px; padding-bottom: 5px;">
            <!--Содержимое-->
                      <h2 class="page-header">Заголовок статьи</h2>
                      <p>Lorem ipsum dolor sit amet. Omnis voluptas nulla vero eos. Iusto odio dignissimos ducimus, qui dolorem eum iure reprehenderit, qui dolorem. Et quasi architecto beatae vitae dicta sunt. Aliquid ex ea voluptate velit esse. Vitae dicta sunt, explicabo repudiandae sint et accusamus et dolorum fuga. Eos et molestiae non recusandae quis nostrum exercitationem ullam corporis suscipit. Facilis est et quasi architecto beatae vitae dicta sunt, explicabo.</p>

                      <p>Sed quia voluptas assumenda est. Earum rerum hic tenetur a sapiente delectus, ut et molestiae non provident. Voluptate velit esse, quam nihil molestiae non recusandae quibusdam. Sit, aspernatur aut fugit, sed quia voluptas. Cumque nihil impedit, quo voluptas nulla vero eos et aut perferendis. Labore et harum quidem rerum necessitatibus saepe eveniet. Voluptas...