ブートストラップを均等に広げてdivを正しく整列させる

Question

私のdivがXサイズのとき、スクロールホイールの必要がなくても簡単に1つの画面が見えていることを知りたいのですが、 div要素が配置されるか、またはより大きな

サンプルコードをサイズにしたときの画面は、しかし、それは動作します：

<div id="wrap"> 
    <div class="header cms-logo"> 
     <h1 class="font header">The Old Thatch Inn</h1> 
    </div> 
    <div id="main" class="container inner clear-top"> 

CSS：私はホにJSFiddleをした

html, body { 
height: 100%; 
} 

.container { 
margin: 20px 0px 20px 0px; 
background-color: #e7e7e7; 
border-radius: 5px; 
} 

#wrap { 
min-height: 100%; 
} 

#main { 
overflow: auto; 
} 

.footer { 
position: relative; 
margin-top: -150px; 
height: 150px; 
clear: both; 
padding-top: 20px; 
} 

これはうまくいく。

感謝

Answer 1

は#wrap CSSを削除するか、min-height: 100%;（小さい）に比率を変更します。