Boostrap.css製作佈局100％寬度/高度

Question

我目前正在使用bootsrap和一個簡單的聊天佈局。我已經能夠根據我的需要對它進行大部分修改。唯一的問題是佈局不適應窗口大小（100％高度/寬度）。我想利用整個頁面。所有元素都位於一個名爲container的div內。我怎麼能得到這個適應頁面（100％高度/寬度）？ CODEPEN

.conversation-wrap 
{ 
    box-shadow: -2px 0 3px #ddd; 
    padding:0; 
    max-height: 400px; 
    overflow: auto; 
} 
.conversation 
{ 
    padding:5px; 
    border-bottom:1px solid #ddd; 
    margin:0; 

} 

.message-wrap 
{ 
    box-shadow: 0 0 3px #ddd; 
    padding:0; 

} 
.msg 
{ 
    padding:5px; 
    /*border-bottom:1px solid #ddd;*/ 
    margin:0; 
} 
.msg-wrap 
{ 
    padding:10px; 
    max-height: 400px; 
    overflow: auto; 

} 

Answer 1

添加COL-LG-12，您的容器

<div class="container col-lg-12"> 
... 
</div> 

http://codepen.io/anon/pen/ucrog

編輯：也改變

<div class="message-wrap col-lg-8"> 

到

<div class="message-wrap col-lg-9">