Шапка і колонки

<div class="container-fluid">

  <div class="row">

    <div class="col-sm-4" style="background-color:lavender;">.col-sm-4</div>

    <div class="col-sm-8" style="background-color:lavenderblush;">.col-sm-8</div>

  </div>

</div>

З бічними смужками + шапка

<div class="jumbotron text-center">

  <h1>My First Bootstrap Page</h1>

  <p>Resize this responsive page to see the effect!</p> 

</div>

<div class="container">

  <div class="row">

    <div class="col-sm-4">

      <h3>Column 1</h3>

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>

      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>

    </div>

    <div class="col-sm-4">

      <h3>Column 2</h3>

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>

      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>

    </div>

    <div class="col-sm-4">

      <h3>Column 3</h3>        

      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>

      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>

    </div>

  </div>

</div>