bootstrap page

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">
        <img alt="Brand" src="http://creativeweb.jp/zip/sample_site/sample_site/image/logo.png">
      </a>
    </div>
  </div>
</nav>
<header class="jumbotron text-center">
  <h1>Single Page</h1>
  <p>サイトのキャッチコピーが入りますサイトのキャッチコピーが入りますサイトのキャッチコピーが入りますサイトのキャッチコピーが入ります</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Get Started Now!!</a></p>
    </header>

<div class="container">
    <div class="row">
<div class="page-header">
  <h1 class="text-center">Concept</h1>
</div>
    </div>
    
<div class="col-xs-12 col-md-4 text-center">
    <img src="http://creativeweb.jp/zip/sample_site/sample_site/image/photo02.png" alt="...">
    <div class="caption">
        <h3>Heading</h3>
        <p>サイトのコンセプト文章が入ります。</p>
    </div>
</div>

<div class="col-xs-12 col-md-4 text-center">
    <img src="http://creativeweb.jp/zip/sample_site/sample_site/image/photo03.png" alt="...">
    <div class="caption">
        <h3>Heading</h3>
        <p>サイトのコンセプト文章が入ります。</p>
    </div>
</div>

<div class="col-xs-12 col-md-4 text-center">
    <img src="http://creativeweb.jp/zip/sample_site/sample_site/image/photo04.png" alt="...">
    <div class="caption">
        <h3>Heading</h3>
        <p>サイトのコンセプト文章が入ります。</p>
    </div>
</div>   
</div>
    
<footer class="footer">
    <div class="container">
        <p class="text-muted">copyright © sample</p>
    </div>
</footer>

SCSS

.footer {
   /* position: absolute; */
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}