如何使行一直走到頁面的底部？

Question

我正在爲我的wbe應用程序使用引導程序網格。我想知道如何才能將一行排到頁面底部 - 以防沒有其他內容。在其他情況下，如果有一些內容，我希望div儘可能地伸展。

謝謝！

Answer 1

如果你想擴大div到全高。您需要將height: 100%添加到包含div的所有包裝（包括div本身）。這是代碼。

<div class="row"> 
    <div class="full"> 

    </div> 
</div> 

和所需的CSS。

html, body, .row { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
} 

.full { 
    background: pink; 
    height:100%; 
} 

如果有container類包裹row則具有與其他一起被包括在內。

這裏是JSFiddle或Codepen。無論你喜歡:-)