title: how to fit screen full height (using CSS)?
body: <p>sorry for my extreme-ignorance in html-css.
  I developed a standard Rails application using twitter bootstrap framework. 
  As shown in the snippet below (application.html.erb), 
  I have pages organized as usual like 
  header
  container
  footer</p>
  
  <p>Now I would like that every page could fit the height of the screen (reaching 100% of the screen height in case content is shorter, as in the case of attached scrrenshot).</p>
  
  <p>indeed, as you see in the scrrenshot, I have a grey area in the lower part of screen, instead I would like a with page that fill the entire screen... </p>
  
  <p>I presume it's some CSS configuration, but I tryied some CSS setting without success. 
  Any suggestion ?   </p>
  
  <p>thanks!
  giorgio</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt;   &lt;head&gt;
      &lt;title&gt;Esami Anatomia&lt;/title&gt;
      &lt;%= render 'layouts/responsive' %&gt; 
      &lt;%= stylesheet_link_tag "application", media: "all" %&gt;
      &lt;%= javascript_include_tag "application" %&gt;
      &lt;%= csrf_meta_tags %&gt;
      &lt;%= render 'layouts/shim' %&gt;   &lt;/head&gt;   &lt;body&gt;   &lt;%= render 'layouts/header' %&gt;
      &lt;div class="container-flow"&gt;
        &lt;%= render 'layouts/flashes' %&gt;
        &lt;%= yield %&gt;
      &lt;div class="layout-filler"&gt; &lt;/div&gt;
      &lt;/div&gt;   &lt;%= render 'layouts/footer' %&gt;   &lt;/body&gt; &lt;/html&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/NNXie.jpg" alt="scrrenshot"></p>